Compare commits
1 Commits
main
...
fix/README
| Author | SHA1 | Date |
|---|---|---|
 jorge
|
98843049a0 |
|
|
@ -3,5 +3,3 @@ bower_components
|
|||
node_modules
|
||||
npm-debug.log
|
||||
_
|
||||
index*
|
||||
index*.html
|
||||
|
|
|
|||
117
README.md
117
README.md
|
|
@ -33,30 +33,21 @@ chown -R www-data:www-data ./
|
|||
|
||||
## Arc-hive theme notes
|
||||
|
||||
### Configure
|
||||
|
||||
The main menu can be retrieved from a wordpress site and rendered. To configure this, edit `view/common/wordpress-menu.phtml`. Optional.
|
||||
|
||||
```
|
||||
# Config
|
||||
$wordpress_site="https://my.wordpress.site";
|
||||
$wordpress_endpoint="https://my.wordpress.site/wp-json/menus/v1/menus/4";
|
||||
```
|
||||
|
||||
For more advanced use, such as customizing the theme with Sass, you'll need to install the tools with [NodeJS](https://nodejs.org/en/) (0.12 or greater). Navigate to your theme directory and run `npm install`.
|
||||
|
||||
## Theme Configuration
|
||||
|
||||
* **Stylesheet**: The theme provides 4 style options.
|
||||
* **Default** uses ZURB Foundation's default styles for prototyping, which are all viewable in their documentation under the [Kitchen Sink](https://get.foundation/sites/docs/kitchen-sink.html).
|
||||
* **Revolution** aims to capture the feel of old documents and juxtaposes it with a bright red accent. It includes a textured paper background image.
|
||||
* **Sea Foam** offers a clean, friendly look with a teal palette.
|
||||
* **Inkwell** features a high contrast serif family for its typography, as well as sunny yellow accents.
|
||||
* **Navigation layouts**: Global navigation can display as a **horizontal top bar with optional dropdown menus** or a **left vertical column**.
|
||||
* **Stylesheet**: we provide de default **arc-hive** `css` file <del>The theme provides 4 style options.</del>
|
||||
* <del>**Default** uses ZURB Foundation's default styles for prototyping, which are all viewable in their documentation under the [Kitchen Sink](https://get.foundation/sites/docs/kitchen-sink.html).</del>
|
||||
* <del>**Revolution** aims to capture the feel of old documents and juxtaposes it with a bright red accent. It includes a textured paper background image.</del>
|
||||
* <del>**Sea Foam** offers a clean, friendly look with a teal palette.</del>
|
||||
* <del>**Inkwell** features a high contrast serif family for its typography, as well as sunny yellow accents.</del>
|
||||
* **Navigation layouts**: Global navigation <del>can</del> displays as a **horizontal top bar** <del>**with optional dropdown menus** or a **left vertical column**</del>.
|
||||
* **Show Top Navigation Child Pages**: Toggle display of child pages within the main navigation.
|
||||
* **Top Navigation Depth**: If the main navigation is set to display child pages, this setting controls how many navigation levels to display. Setting this to '0' shows all levels.
|
||||
* **Logo**: Upload an image asset to use as a logo in place of a text site title.
|
||||
* **Footer Content**: Control what appears in the footer. This field takes HTML markup.
|
||||
* **Footer Content**: it is set up by the `arc-hive` project needs and must be modified in the [`view/common/footer-archive.phtml`](https://git.hangar.org/arcHIVE-tech/Arc-hive-omeka-theme/src/branch/fix/20210728/view/common/footer-archive.phtml) file <del>Control what appears in the footer. This field takes HTML markup.</del>
|
||||
* **Layout for Browse Pages**: Select how to display items within their "browse" views.
|
||||
* **Grid**: Items are organized into rows and columns. This is recommended for items that prominently feature images.
|
||||
* **List**: Items are stacked into a single column.
|
||||
|
|
@ -66,6 +57,59 @@ For more advanced use, such as customizing the theme with Sass, you'll need to i
|
|||
|
||||
## Customizing the Theme
|
||||
|
||||
The whole is being moved towards a more semantic solution such as, having the templates independendt from the **Foundation** `css` or `js` though being used it to preprocess the scss.
|
||||
|
||||
This way the `css` is independent from the framework and can be exported, has a semantic meaning and can be processed by any means.
|
||||
|
||||
most site follows:
|
||||
```html
|
||||
<html>
|
||||
<head>
|
||||
STANDARD HEAD SECTION
|
||||
</head>
|
||||
<body>
|
||||
<content>
|
||||
<header>
|
||||
<main>
|
||||
MAIN SITE TITLE
|
||||
</main>
|
||||
<nav>
|
||||
TOP MENU
|
||||
</nav>
|
||||
</header>
|
||||
<section>
|
||||
HERO for example
|
||||
</section>
|
||||
<main>
|
||||
<article>
|
||||
MAIN ARTICLE
|
||||
<section>
|
||||
PARTS OF THE MAIN ARTICLE
|
||||
SHOULD BE IN SECTIONS
|
||||
</section>
|
||||
</article>
|
||||
<aside>
|
||||
OTHER CONTENT SORROUNDING MAIN ARTICLE
|
||||
<nav>
|
||||
SUCH AS NAVIGATION AND SEARCH
|
||||
</nav>
|
||||
</aside>
|
||||
</main>
|
||||
<footer>
|
||||
GENERAL FOOTER CONTENT
|
||||
<nav>
|
||||
FOOTER NAVIGATION
|
||||
</nav>
|
||||
</footer>
|
||||
</content>
|
||||
<script>
|
||||
JS SCRIPTS BEST PRACTICES AT BOTTOM
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
```
|
||||
|
||||
|
||||
### CSS classes
|
||||
Arc-hive projecct css classes will start with `arc-` as ex: `arc-my-class-name`
|
||||
|
||||
|
|
@ -80,37 +124,26 @@ Run these commands within the theme's root directory.
|
|||
|
||||
### Sass File Structure
|
||||
|
||||
Foundation S comes with the Default theme, as well as 3 other customized stylesheets that were built on top of Default. The "Sea Foam" theme has the fewest overrides and is thus the easiest reference for a custom theme model.
|
||||
<del>Foundation S comes with the Default theme, as well as 3 other customized stylesheets that were built on top of Default. The "Sea Foam" theme has the fewest overrides and is thus the easiest reference for a custom theme model.</del>
|
||||
|
||||
**/asset/sass/seafoam.scss**
|
||||
<del>**/asset/sass/seafoam.scss**</del>
|
||||
|
||||
We have all the scss files inside **/assets/scss/** directory, so when running `npm start` or `gulp scss`will generate the needed `/assets/css/default.css`
|
||||
|
||||
The file structure is as follows:
|
||||
```
|
||||
@charset 'utf-8';
|
||||
|
||||
@import 'globals-default';
|
||||
@import 'globals-seafoam';
|
||||
@import 'settings';
|
||||
|
||||
// Sea Foam Settings
|
||||
|
||||
$topbar-background: $primary-color;
|
||||
|
||||
$thumbnail-border: 4px solid $secondary-color;
|
||||
$thumbnail-shadow: none;
|
||||
$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5);
|
||||
|
||||
$button-background: $secondary-color;
|
||||
$button-color: $primary-color;
|
||||
|
||||
@import 'foundation-core';
|
||||
@import 'omeka';
|
||||
|
||||
header a {
|
||||
color: $white;
|
||||
}
|
||||
assets/scss/
|
||||
components/ <---- such as accordion, buttons, cards, forms, tables, etc...
|
||||
global/ <---- branding, colors, omeka, wordpress, typography,...
|
||||
modules/ <---- content,footer,header,navigation,...
|
||||
templates/ <---- front, kitchen-sink,...
|
||||
_foundation-core.scss <---- select wich foundation to include
|
||||
_settings.scss <---- variables applied all round scss
|
||||
default.scss <---- components to be processed by npm/gulp sass/scss
|
||||
editor.scss <---- parts regarding wordpress scss
|
||||
```
|
||||
|
||||
Much of the customizability within the theme lies in managing its settings variables. ZURB Foundation's default global variables from their original `_settings.scss` all sit in `_globals-default.scss`. Many of these variables are used throughout the rest of `_settings.scss`, so it was necessary to separate them out into their own file if the theme writer wants to set their own global variables. Here all the overrides live in `_globals-seafoam.scss`, and so all overridden values will be appropriately updated for use throughout the rest of `_settings.scss`.
|
||||
Much of the customizability within the theme lies in managing its settings variables. ZURB Foundation's default global variables from their original `_settings.scss` all sit in `default.scss`.
|
||||
|
||||
Any non-global setting variable overrides should come after the import for `_settings.scss` and before their usagee in the rule files, `_foundation-core.scss`, and `_omeka.scss`.
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,26 @@
|
|||
|
||||
|
||||
/* .archive-logo {
|
||||
width: 80px;
|
||||
}
|
||||
.archive-page-title {
|
||||
text-align: center;
|
||||
}
|
||||
._expand_site_item {
|
||||
cursor: pointer;
|
||||
}
|
||||
._expand_site_item:hover {
|
||||
background: #3374C2;
|
||||
}
|
||||
.end_of_page_button {
|
||||
cursor: pointer;
|
||||
text-transform: uppercase;
|
||||
font-size: 2em;
|
||||
margin-top: 2em;
|
||||
border: double;
|
||||
}
|
||||
.go_to_site_button {
|
||||
cursor: pointer;
|
||||
text-transform: uppercase;
|
||||
border: double;
|
||||
} */
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 897 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 288 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,18 +1,8 @@
|
|||
|
||||
$(function(){
|
||||
$("#site-list").on( "click", ".accordion-title", function() {
|
||||
var title = this
|
||||
var content = $(this).closest('.accordion-item')
|
||||
.find('.accordion-content')
|
||||
if ($(content).is(':visible')) {
|
||||
$(content).slideUp('fast')
|
||||
$(this).closest('.accordion-item').removeClass('is-active')
|
||||
$(title).attr('aria-expanded', false)
|
||||
} else {
|
||||
$(content).slideDown('fast')
|
||||
$(this).closest('.accordion-item').addClass('is-active')
|
||||
$(title).attr('aria-expanded', true)
|
||||
}
|
||||
return false;
|
||||
});
|
||||
})
|
||||
(function($) {
|
||||
$(document).ready(function() {
|
||||
$('._expand_site_item').click(function() {
|
||||
$(this).next('tr').toggle();
|
||||
return false;
|
||||
});
|
||||
});
|
||||
})(jQuery)
|
||||
|
|
|
|||
|
|
@ -250,14 +250,14 @@ $input-error-font-weight: $global-weight-bold;
|
|||
// ------------
|
||||
|
||||
$accordion-background: $white;
|
||||
$accordion-plusminus: false;
|
||||
$accordion-plusminus: true;
|
||||
$accordion-plus-content: '\002B';
|
||||
$accordion-minus-content: '\2013';
|
||||
$accordion-title-font-size: $global-font-size;//rem-calc(12);
|
||||
$accordion-item-color: $body-font-color;
|
||||
$accordion-item-background-hover: none;
|
||||
$accordion-item-padding: $global-padding*1.5 0;
|
||||
$accordion-content-background: transparent;
|
||||
$accordion-content-background: $white;
|
||||
$accordion-content-border: none;
|
||||
$accordion-content-color: $body-font-color;
|
||||
$accordion-content-padding: $global-padding*1.5 0;
|
||||
|
|
@ -425,16 +425,16 @@ $dropdown-sizes: (
|
|||
// -----------------
|
||||
|
||||
$dropdownmenu-arrows: true;
|
||||
$dropdownmenu-arrow-color: $body-font-color;//$anchor-color;
|
||||
$dropdownmenu-arrow-color: $anchor-color;
|
||||
$dropdownmenu-arrow-size: 6px;
|
||||
$dropdownmenu-arrow-padding: 1.5rem;
|
||||
$dropdownmenu-min-width: 100%;//200px;
|
||||
$dropdownmenu-min-width: 200px;
|
||||
$dropdownmenu-background: null;
|
||||
$dropdownmenu-submenu-background: $dropdown-background;
|
||||
$dropdownmenu-submenu-background: $white;
|
||||
$dropdownmenu-padding: $global-menu-padding;
|
||||
$dropdownmenu-nested-margin: 0;
|
||||
$dropdownmenu-submenu-padding: $dropdownmenu-padding;
|
||||
$dropdownmenu-border: none; //1px solid $medium-gray;
|
||||
$dropdownmenu-border: 1px solid $medium-gray;
|
||||
$dropdown-menu-item-color-active: get-color(primary);
|
||||
$dropdown-menu-item-background-active: transparent;
|
||||
|
||||
|
|
@ -521,7 +521,6 @@ $menu-centered-back-compat: true;
|
|||
$menu-icons-back-compat: true;
|
||||
$menu-anchor-color: $black;
|
||||
$menu-anchor-color-hover: $anchor-color;
|
||||
|
||||
// 24. Meter
|
||||
// ---------
|
||||
|
||||
|
|
|
|||
|
|
@ -24,8 +24,8 @@
|
|||
@include xy-grid;
|
||||
}
|
||||
li {
|
||||
@include xy-cell(3);
|
||||
display:inline;
|
||||
@include xy-cell(3);
|
||||
text-align:left;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,3 @@
|
|||
button {
|
||||
@extend .button;
|
||||
}
|
||||
button,.button {
|
||||
&.small{
|
||||
padding: $global-padding*0.5 $global-padding*1.5;
|
||||
|
|
@ -61,22 +58,3 @@ button,.button {
|
|||
border: none;
|
||||
}
|
||||
}
|
||||
.load_more {
|
||||
button,.button {
|
||||
font-size: $global-font-size;
|
||||
}
|
||||
}
|
||||
.end_of_page_button {
|
||||
// @extend .button.small;
|
||||
@extend .button;
|
||||
display: flex;
|
||||
margin: $global-margin auto;
|
||||
//padding: $global-padding*0.5 $global-padding*5;
|
||||
font-size: $global-font-size;
|
||||
}
|
||||
.accordion-item.is-active {
|
||||
& button, & .button {
|
||||
// @extend .button;
|
||||
background-color: $input-background;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -23,17 +23,7 @@
|
|||
content: 'Collection';
|
||||
}
|
||||
&.tech-document-link:before {
|
||||
//content: 'Keywords';
|
||||
display:inline;
|
||||
width: 0;
|
||||
}
|
||||
&.tech-document-link {
|
||||
a {
|
||||
@include button;
|
||||
padding: $global-padding*0.5 $global-padding*1.5;
|
||||
margin-left: 0;
|
||||
font-size: $small-font-size;
|
||||
}
|
||||
content: 'Keywords';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,90 +1,67 @@
|
|||
//search block size in content
|
||||
article,.omekas-entry-content {
|
||||
.hero{
|
||||
.search{
|
||||
@include xy-grid();
|
||||
.input-group {
|
||||
@include breakpoint(small){
|
||||
@include xy-cell (12);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
@include xy-cell (6);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
@include breakpoint(large){
|
||||
@include xy-cell (4);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
.input-group * {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
// search elements
|
||||
.search{
|
||||
.input-group {
|
||||
position: relative;
|
||||
border-radius: $global-padding*4;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
.appear {
|
||||
.input-group {
|
||||
position: relative;
|
||||
border-radius: 4rem;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.input-group .appear {
|
||||
right: 0;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
padding: $global-padding*0.3 $global-padding;
|
||||
padding: 0.3rem 1rem;
|
||||
}
|
||||
}
|
||||
.input-group * {
|
||||
margin: 0;
|
||||
}
|
||||
.button{
|
||||
border-color: $primary-color;
|
||||
}
|
||||
.appear{
|
||||
display:none;
|
||||
font-size: $global-font-size;
|
||||
}
|
||||
input{
|
||||
&:active{
|
||||
.button{
|
||||
border-color: $primary-color;
|
||||
background-color: $input-background-focus;
|
||||
}
|
||||
&:focus,&:focus-within{
|
||||
border-color: $primary-color;
|
||||
background-color: $input-background;
|
||||
.appear{
|
||||
display:none;
|
||||
}
|
||||
&:not(:placeholder-shown) {
|
||||
border:none;
|
||||
background-color: $input-background-focus;
|
||||
position: relative;
|
||||
padding-right: $global-padding * 9;
|
||||
+ .appear {
|
||||
display: block;
|
||||
background-color: scale-color($input-background-focus, $lightness: -20%);
|
||||
z-index: 2;
|
||||
&:hover {
|
||||
color: $white;
|
||||
background-color: $primary-color;
|
||||
}
|
||||
input{
|
||||
&:active{
|
||||
border-color: $primary-color;
|
||||
background-color: $input-background-focus;
|
||||
}
|
||||
&:focus,&:focus-within{
|
||||
border-color: $primary-color;
|
||||
background-color: $input-background;
|
||||
}
|
||||
&:not(:placeholder-shown) {
|
||||
border:none;
|
||||
background-color: $input-background-focus;
|
||||
position: relative;
|
||||
right: 2rem;
|
||||
+ .appear {
|
||||
display: block;
|
||||
background-color: scale-color($input-background-focus, $lightness: -20%);
|
||||
z-index: 2;
|
||||
&:hover {
|
||||
color: $white;
|
||||
background-color: $primary-color;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
.hollow {
|
||||
border-color: $primary-color;
|
||||
color: $primary-color;
|
||||
&::after {
|
||||
}
|
||||
&::placeholder {
|
||||
color: scale-color($primary-color, $lightness: -20%);
|
||||
}
|
||||
&:hover {
|
||||
background-color: scale-color($primary-color, $lightness: 95%);
|
||||
}
|
||||
&:active {
|
||||
background-color: scale-color($primary-color, $lightness: 85%);
|
||||
}
|
||||
}
|
||||
}
|
||||
.hollow {
|
||||
border-color: $primary-color;
|
||||
color: $primary-color;
|
||||
&:after {
|
||||
}
|
||||
&::placeholder {
|
||||
color: scale-color($primary-color, $lightness: -20%);
|
||||
}
|
||||
&:hover {
|
||||
background-color: scale-color($primary-color, $lightness: 95%);
|
||||
}
|
||||
&:active {
|
||||
background-color: scale-color($primary-color, $lightness: 85%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,26 +0,0 @@
|
|||
@include breakpoint(small) {
|
||||
dl {
|
||||
.property {
|
||||
display:flex;
|
||||
flex-direction:column;
|
||||
dt {
|
||||
min-width: unset;
|
||||
max-width: unset;
|
||||
width: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
dl {
|
||||
.property {
|
||||
display:flex;
|
||||
flex-direction:row;
|
||||
dt {
|
||||
min-width: 14rem;
|
||||
max-width: 14rem;
|
||||
width: 14rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -39,7 +39,7 @@
|
|||
//@include foundation-switch;
|
||||
@include foundation-table;
|
||||
// Basic components
|
||||
//@include foundation-badge;
|
||||
@include foundation-badge;
|
||||
@include foundation-breadcrumbs;
|
||||
@include foundation-callout;
|
||||
@include foundation-card;
|
||||
|
|
@ -82,7 +82,6 @@
|
|||
|
||||
// global project styles
|
||||
|
||||
@import "global/print-pdf";
|
||||
@import "global/wp-overrides"; //errors
|
||||
@import "global/wp-admin"; //errors
|
||||
@import "global/typography";
|
||||
|
|
@ -108,7 +107,6 @@
|
|||
@import "components/buttons";
|
||||
@import "components/accordion";
|
||||
@import "components/tables";
|
||||
@import "components/lists";
|
||||
|
||||
|
||||
// Templates
|
||||
|
|
|
|||
|
|
@ -2,10 +2,10 @@
|
|||
.site-name,.site-description {
|
||||
display: none;
|
||||
}
|
||||
&:before {
|
||||
&::before {
|
||||
content: '';
|
||||
display:inline-block;
|
||||
// margin-top:-$global-padding;
|
||||
margin-top:-$global-padding;
|
||||
width: 100%;
|
||||
height: $global-padding*5;
|
||||
background-size: contain;
|
||||
|
|
@ -31,15 +31,6 @@
|
|||
&.eu{
|
||||
&::before {
|
||||
background-image: url('../img/eu_flag_creative_europe_co_funded_left.svg');
|
||||
//background-image: url('../img/rechts_co-funded-by-the-creative-europe-media-programme-of-the-european-union-flag.png');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arc-hive-off.site-brand{
|
||||
//hack needed for omeka
|
||||
margin-bottom: -$global-padding*0.5;
|
||||
&:before{
|
||||
margin-top: -$global-padding;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,6 +0,0 @@
|
|||
// https://developer.mozilla.org/en-US/docs/Web/CSS/Paged_Media
|
||||
//
|
||||
@media print {
|
||||
|
||||
|
||||
}
|
||||
|
|
@ -14,8 +14,31 @@
|
|||
@mixin font-worksans-medium {
|
||||
font-face: worksans-medium, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
@mixin font-worksans-mediumitalic {
|
||||
font-face: worksans-mediumitalic, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// mods on fonts and typography
|
||||
// not in foundation variables
|
||||
// -----------------------------
|
||||
|
||||
//h1,h2,h3,h4,h5,h6,
|
||||
//.h1,.h2,.h3,.h4,.h4,.h5,.h6,
|
||||
//button,.button,
|
||||
//header nav,
|
||||
//.hero .claim
|
||||
//{
|
||||
// font-variant:all-small-caps;
|
||||
//}
|
||||
//
|
||||
//
|
||||
//h1,h2,h3,h4,h5,h6,
|
||||
//.h1,.h2,.h3,.h4,.h4,.h5,.h6 {
|
||||
// a {
|
||||
// color: $black;
|
||||
// }
|
||||
//}
|
||||
|
|
|
|||
|
|
@ -15,23 +15,6 @@ header nav {
|
|||
color: $body-font-color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* https://fontawesome.com/v5.0/icons */
|
||||
a[href$=".pdf"]:after {
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
display: inline-block;
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
text-rendering: auto;
|
||||
line-height: 1;
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-weight: 900;
|
||||
margin-left: .5rem;
|
||||
content: "\f1c1";
|
||||
}
|
||||
|
||||
.excerpt,.post-excerpt{
|
||||
a {
|
||||
color: $body-font-color;
|
||||
|
|
@ -59,83 +42,58 @@ main {
|
|||
}
|
||||
}
|
||||
section {
|
||||
// padding: $global-padding $global-padding*2;
|
||||
padding: $global-padding $global-padding*2;
|
||||
}
|
||||
.entry-content,.omekas-entry-content {
|
||||
@include breakpoint(small){
|
||||
@include xy-cell(12);
|
||||
padding: $global-padding*2 $global-padding/2 ;
|
||||
padding: $global-padding*2 ;
|
||||
margin:0 auto;
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
@include xy-cell(12);
|
||||
padding: $global-padding*2 $global-padding*3;
|
||||
max-width: 60rem;
|
||||
max-width: 50rem;
|
||||
margin:0 auto;
|
||||
}
|
||||
@include breakpoint(xxlarge){
|
||||
// @include xy-cell(12);
|
||||
// padding: $global-padding*2 $global-padding*3;
|
||||
// margin: 0 auto;
|
||||
max-width: 70rem;
|
||||
p {
|
||||
font-size: $global-font-size*1.2;
|
||||
line-height: $paragraph-lineheight*1.15;
|
||||
@include breakpoint(xlarge){
|
||||
@include xy-cell(12);
|
||||
max-width: 50rem;
|
||||
padding: $global-padding*2 $global-padding*3;
|
||||
font-size: $global-font-size*1.2;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// page category
|
||||
//--------------
|
||||
.index{
|
||||
main {
|
||||
article {
|
||||
header {
|
||||
.entry-title {
|
||||
}
|
||||
}
|
||||
section {
|
||||
}
|
||||
.entry-content,.omekas-entry-content {
|
||||
@include breakpoint(small){
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
max-width: unset;
|
||||
}
|
||||
@include breakpoint(xlarge){
|
||||
max-width: unset;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
aside {
|
||||
@include xy-grid;
|
||||
nav {
|
||||
@include xy-cell(12);
|
||||
display:flex;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
padding-bottom: $global-padding * 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
//
|
||||
// .index max-width
|
||||
//--------------
|
||||
.index {
|
||||
.entry-content,.omekas-entry-content {
|
||||
@include breakpoint(small){
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
max-width: unset;
|
||||
}
|
||||
@include breakpoint(xlarge){
|
||||
max-width: unset;
|
||||
}
|
||||
@include breakpoint(xxlarge){
|
||||
max-width: 60 rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
//
|
||||
// .contain selector for max-width
|
||||
//--------------
|
||||
.contain-width {
|
||||
.entry-content,.omekas-entry-content {
|
||||
@include breakpoint(small){
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
max-width: 50rem;
|
||||
}
|
||||
@include breakpoint(xlarge){
|
||||
// max-width: 50rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//
|
||||
// news category
|
||||
//--------------
|
||||
|
|
@ -226,174 +184,60 @@ main {
|
|||
@include flex-align(center,top);
|
||||
}
|
||||
header {
|
||||
display: none;
|
||||
margin-top: 2*$global-margin;
|
||||
border-top: 1px solid $body-font-color;
|
||||
padding: $global-padding*2 0;
|
||||
}
|
||||
main {
|
||||
@include xy-grid;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
article {
|
||||
@include breakpoint(small){
|
||||
@include card-container();
|
||||
@include card-container();
|
||||
@include xy-cell();
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
@include breakpoint(small){
|
||||
font-size: $global-font-size*0.7;
|
||||
overflow: visible;
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
font-size: $global-font-size*1;
|
||||
}
|
||||
@include breakpoint(large){
|
||||
}
|
||||
margin-bottom:0;
|
||||
}
|
||||
}
|
||||
.load_more {
|
||||
display:flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
margin-top: $global-margin * 1.5;
|
||||
}
|
||||
|
||||
// accordion for colletions list
|
||||
.accordion-item {
|
||||
margin: 0 -5rem;//make lines screen width in collections view
|
||||
padding: 0 5rem;
|
||||
&.title {
|
||||
.accordion-title {
|
||||
@include breakpoint(small){
|
||||
li {
|
||||
@include xy-cell(3);
|
||||
@include xy-cell-offset(0);
|
||||
&.title,&.curator,&.collection-name,&.date {
|
||||
&::before {content: none;}
|
||||
}
|
||||
&.date {
|
||||
margin-left: auto;
|
||||
}
|
||||
.ascToggle{
|
||||
position:absolute;
|
||||
padding-left: 0.21rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
li {
|
||||
&.title {
|
||||
@include xy-cell(4);
|
||||
}
|
||||
&.curator {
|
||||
@include xy-cell(4);
|
||||
}
|
||||
&.collection-name {
|
||||
@include xy-cell(2);
|
||||
}
|
||||
&.date {
|
||||
@include xy-cell(shrink);
|
||||
margin-left: auto; //aligns to right
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:not(.title){
|
||||
&.is-active {
|
||||
background-color:$input-background;
|
||||
}
|
||||
.accordion-title {
|
||||
@include breakpoint(small){
|
||||
li {
|
||||
&.title,
|
||||
&.curator,
|
||||
&.collection-name,
|
||||
&.date {
|
||||
@include xy-cell(10);
|
||||
@include xy-cell-offset(2);
|
||||
min-height: 1rem;
|
||||
&::before {
|
||||
display: inline-block;
|
||||
color: $medium-gray;
|
||||
position: absolute;
|
||||
left:0;
|
||||
}
|
||||
}
|
||||
&.title::before {content:"Title";}
|
||||
&.curator::before {content:"Artist";}
|
||||
&.collection-name::before {content:"Collection";}
|
||||
&.date::before {content:"Date";}
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
li {
|
||||
&.title,
|
||||
&.curator,
|
||||
&.collection-name,
|
||||
&.date {
|
||||
min-height:unset;
|
||||
&::before {
|
||||
content: none;
|
||||
// content:"";
|
||||
}
|
||||
}
|
||||
&.title {
|
||||
@include xy-cell(4);
|
||||
}
|
||||
&.curator {
|
||||
@include xy-cell(4);
|
||||
}
|
||||
&.collection-name {
|
||||
@include xy-cell(2);
|
||||
}
|
||||
&.date {
|
||||
@include xy-cell(shrink);
|
||||
margin-left: auto; //aligns to right
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.accordion-title {
|
||||
ul,ol {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
.accordion-content {
|
||||
.accordion-content {
|
||||
padding-top: 0;
|
||||
section {
|
||||
@include xy-grid;
|
||||
padding-top: 0;
|
||||
section {
|
||||
@include xy-grid;
|
||||
@include breakpoint(small){
|
||||
padding: 0;
|
||||
figure {
|
||||
@include xy-cell(12);
|
||||
}
|
||||
p {
|
||||
@include xy-cell(12);
|
||||
position: relative;
|
||||
padding-top: $global-padding * 1;
|
||||
padding-bottom: $global-padding * 3;
|
||||
.button {
|
||||
position:absolute;
|
||||
right:0;
|
||||
margin-top: $global-padding * 3;
|
||||
}
|
||||
}
|
||||
padding-bottom: 0;
|
||||
@include breakpoint(small){
|
||||
figure {
|
||||
@include xy-cell(12);
|
||||
margin-left:0;
|
||||
margin-right:0;
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
figure {
|
||||
@include xy-cell(4);
|
||||
@include xy-gutters;
|
||||
}
|
||||
p {
|
||||
@include xy-cell(8);
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
@include breakpoint(large){
|
||||
p {
|
||||
@include xy-cell(12);
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium){
|
||||
figure {
|
||||
@include xy-cell(3);
|
||||
margin-left: 0;
|
||||
}
|
||||
p {
|
||||
@include xy-cell(9);
|
||||
}
|
||||
}
|
||||
@include breakpoint(large){
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// end collections category
|
||||
|
||||
|
|
@ -440,13 +284,11 @@ main {
|
|||
@include xy-grid();
|
||||
.slide {
|
||||
@include xy-grid;
|
||||
justify-content: center;
|
||||
@include breakpoint(small){
|
||||
width: 100vw;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
justify-content: center;
|
||||
color: $white;
|
||||
padding: $global-padding * 3;
|
||||
.textwidget {
|
||||
}
|
||||
}
|
||||
|
|
@ -461,9 +303,9 @@ main {
|
|||
@include breakpoint(large){
|
||||
width: 50%;
|
||||
height: calc((50vw*9)/16);
|
||||
//padding: 0;
|
||||
//margin: 0;
|
||||
//overflow:hidden;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
overflow:hidden;
|
||||
a {
|
||||
@include flex;
|
||||
@include flex-align (center,middle);
|
||||
|
|
@ -493,6 +335,7 @@ main {
|
|||
background-color: $primary-color;
|
||||
font-variant:all-small-caps;
|
||||
}
|
||||
color: $white;
|
||||
|
||||
.logo {
|
||||
@include breakpoint(medium){
|
||||
|
|
@ -508,28 +351,10 @@ main {
|
|||
@include xy-cell(auto);
|
||||
@include flex;
|
||||
@include flex-align(spaced,middle);
|
||||
@include breakpoint(small) {
|
||||
flex-direction: column;
|
||||
min-height: unset;
|
||||
padding: $global-padding;
|
||||
.menu, .menu.horizontal {
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
@include breakpoint(large) {
|
||||
flex-direction: row;
|
||||
min-height: $global-padding * 6;
|
||||
padding: $global-padding 0 ;
|
||||
.menu, .menu.horizontal {
|
||||
justify-content: unset;
|
||||
}
|
||||
}
|
||||
min-height: 6rem;
|
||||
padding: $global-padding 0 ;
|
||||
a {
|
||||
color: $body-font-color;
|
||||
&:hover {
|
||||
// color: $anchor-color;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
.button {
|
||||
justify-content:center;
|
||||
|
|
@ -553,11 +378,10 @@ main {
|
|||
.slides {
|
||||
background-color: $secondary-color;
|
||||
.slide {
|
||||
height: 10rem;
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
align-self: center;
|
||||
margin: 0 auto;
|
||||
margin: $global-margin auto;
|
||||
&:first-child {
|
||||
color: unset;
|
||||
background-color: unset;
|
||||
|
|
@ -569,16 +393,6 @@ main {
|
|||
justify-content: center;
|
||||
}
|
||||
}
|
||||
.image-background {
|
||||
width: 100%;
|
||||
background-color: rgb(250,250,220);
|
||||
background-image: url("../img/header_collections.jpg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center 75%;
|
||||
}
|
||||
&.collections-all{
|
||||
}
|
||||
}
|
||||
}
|
||||
aside {
|
||||
|
|
@ -613,26 +427,19 @@ main {
|
|||
}
|
||||
aside {
|
||||
nav {
|
||||
//like .omekas-entry-content .sub-menu.wide
|
||||
@include flex-align(justify,middle);
|
||||
width: 100vw;
|
||||
border-top: $global-border-archive;
|
||||
border-bottom: $global-border-archive;
|
||||
margin: 0;
|
||||
@include breakpoint(small) {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
padding-left: $global-padding * 3;
|
||||
padding-right: $global-padding * 3;
|
||||
}
|
||||
@include breakpoint(xxlarge) {
|
||||
padding-left: $global-padding * 8;
|
||||
padding-right: $global-padding * 8;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
//end hero
|
||||
|
||||
// omeka specific styles
|
||||
#user-bar {
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
//end omeka specific styles
|
||||
|
|
|
|||
|
|
@ -6,13 +6,15 @@
|
|||
@include breakpoint(small){
|
||||
@include xy-cell(12);
|
||||
@include flex-align(center, middle);
|
||||
padding: $global-padding $global-padding;
|
||||
min-width: 14rem;
|
||||
text-align: center;
|
||||
}
|
||||
@include breakpoint (medium) {
|
||||
padding: $global-padding*2 $global-padding;
|
||||
}
|
||||
@include breakpoint(large){
|
||||
@include xy-cell(shrink);
|
||||
@include flex-align(left, middle);
|
||||
// min-width: 14rem;
|
||||
text-align: unset;
|
||||
}
|
||||
}
|
||||
|
|
@ -21,7 +23,6 @@
|
|||
@include xy-cell(12);
|
||||
@include flex;
|
||||
@include flex-align(center, middle);
|
||||
padding-bottom: $global-padding*2;
|
||||
a, button {
|
||||
color: $black;
|
||||
&:hover {
|
||||
|
|
@ -31,71 +32,27 @@
|
|||
menu {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
.menu {
|
||||
justify-content: center;
|
||||
a {
|
||||
padding: $global-padding*0.7 $global-padding*0.5;
|
||||
}
|
||||
&.dropdown {
|
||||
justify-content:center;
|
||||
li,.button {
|
||||
min-width: unset;
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size: $global-font-size*0.9;//$header-menu-font-size;
|
||||
}
|
||||
.button {
|
||||
margin-left: $global-margin;
|
||||
background-color:$input-background;
|
||||
}
|
||||
.is-dropdown-submenu {
|
||||
font-size: $dropdown-font-size * 0.95;
|
||||
min-width: 10rem;
|
||||
box-shadow: 0 3px 5px 3px rgba(200, 200, 200, 0.1);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
menu {
|
||||
font-size: $global-font-size*1.5;
|
||||
}
|
||||
}
|
||||
@include breakpoint(large) {
|
||||
@include xy-cell(auto);
|
||||
@include flex;
|
||||
//@include flex-align(right, middle);
|
||||
//padding-bottom: 0;//$global-padding;
|
||||
@include flex-align(right, middle);
|
||||
menu {
|
||||
margin: inherit;
|
||||
padding: inherit;
|
||||
.menu {
|
||||
&.dropdown {
|
||||
li,.button {
|
||||
font-size: $global-font-size*1.4;//$header-menu-font-size;
|
||||
}
|
||||
}
|
||||
.button {
|
||||
margin-left: $global-margin/2;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include breakpoint(xlarge) {
|
||||
// @include xy-cell(auto);
|
||||
// @include flex;
|
||||
@include flex-align(right, middle);
|
||||
padding-bottom: 0;//$global-padding;
|
||||
menu {
|
||||
// margin: inherit;
|
||||
// padding: inherit;
|
||||
.menu {
|
||||
&.dropdown {
|
||||
justify-content: end;
|
||||
li,.button {
|
||||
font-size: $global-font-size*1.4;//$header-menu-font-size;
|
||||
}
|
||||
.button {
|
||||
margin-left: $global-margin;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,78 +6,3 @@
|
|||
justify-content: flex-start;
|
||||
}
|
||||
}
|
||||
.hero {
|
||||
@include breakpoint(small) {
|
||||
// nav {
|
||||
// .dropdown.menu > li > a {
|
||||
// padding: $global-menu-padding/2 $global-menu-padding/2;
|
||||
// }
|
||||
// }
|
||||
}
|
||||
@include breakpoint(medium) {
|
||||
// aside {
|
||||
// nav {
|
||||
// .dropdown.menu > li > a {
|
||||
// padding: $global-menu-padding;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
}
|
||||
@include breakpoint(large) {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
header {
|
||||
menu {
|
||||
a[href$="/join-us/"],a[href$="/login"] {
|
||||
color: $black;
|
||||
background-color: $input-background;
|
||||
border: none;
|
||||
border-radius: $global-radius-archive;
|
||||
padding: $global-padding/2 $global-padding;
|
||||
margin-left: $global-margin;
|
||||
&:hover {
|
||||
color: $anchor-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#site-list {
|
||||
nav {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
// a[href^="http://"] {
|
||||
// /* fully valid URL, likely external link */
|
||||
// }
|
||||
//
|
||||
// a[href="http://google.com"] {
|
||||
// /* link to specific website */
|
||||
// }
|
||||
//
|
||||
// a[href^="/"], a[href^=".."] {
|
||||
// /* internal relative link */
|
||||
// }
|
||||
//
|
||||
// a[href^="mailto:"] {
|
||||
// /* email link */
|
||||
// }
|
||||
//
|
||||
// a[href$=".pdf"] {
|
||||
// /* PDF file */
|
||||
// }
|
||||
//
|
||||
// a[href$=".doc"] {
|
||||
// /* Microsoft Word document */
|
||||
// }
|
||||
//
|
||||
// a[href$=".mp3"] {
|
||||
// /* Music file */
|
||||
// }
|
||||
//
|
||||
// a[href$=".zip"] {
|
||||
// /* Archive file */
|
||||
// }
|
||||
|
|
|
|||
391
index.html
391
index.html
|
|
@ -5,251 +5,166 @@
|
|||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Foundation for Sites</title>
|
||||
<link rel="stylesheet" href="asset/css/default.css">
|
||||
<link rel="stylesheet" href="asset/css/app.css">
|
||||
</head>
|
||||
<body class="page index dropdown-menu">
|
||||
<content class="">
|
||||
<body>
|
||||
<div class="grid-container">
|
||||
<div class="grid-x grid-padding-x">
|
||||
<div class="large-12 cell">
|
||||
<h1>Welcome to Foundation</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<header>
|
||||
<main class="">
|
||||
<!-- <a href="/s/collections" class="site-brand arc-hive-off"> -->
|
||||
<a href="/" class="site-brand arc-hive-off">
|
||||
<img src="asset/img/ARC-HIVE-logo.svg?v=2.0.0" class="logo" title="an arc-hive project" alt="arc-hive logo">
|
||||
<h1 class="site-name">Collections</h1>
|
||||
<h2 class="site-description">an integrative digital bio-art platform</h2>
|
||||
</a>
|
||||
</main>
|
||||
<nav>
|
||||
<menu class="">
|
||||
<div class="grid-x grid-padding-x">
|
||||
<div class="large-12 cell">
|
||||
<div class="callout">
|
||||
<h3>We’re stoked you want to try Foundation! </h3>
|
||||
<p>To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.</p>
|
||||
<p>Once you've exhausted the fun in this document, you should check out:</p>
|
||||
<div class="grid-x grid-padding-x">
|
||||
<div class="large-4 medium-4 cell">
|
||||
<p><a href="http://foundation.zurb.com/docs">Foundation Documentation</a><br />Everything you need to know about using the framework.</p>
|
||||
</div>
|
||||
<div class="large-4 medium-4 cell">
|
||||
<p><a href="http://zurb.com/university/code-skills">Foundation Code Skills</a><br />These online courses offer you a chance to better understand how Foundation works and how you can master it to create awesome projects.</p>
|
||||
</div>
|
||||
<div class="large-4 medium-4 cell">
|
||||
<p><a href="http://foundation.zurb.com/forum">Foundation Forum</a><br />Join the Foundation community to ask a question or show off your knowlege.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid-x grid-padding-x">
|
||||
<div class="large-4 medium-4 medium-push-2 cell">
|
||||
<p><a href="http://github.com/zurb/foundation">Foundation on Github</a><br />Latest code, issue reports, feature requests and more.</p>
|
||||
</div>
|
||||
<div class="large-4 medium-4 medium-pull-2 cell">
|
||||
<p><a href="https://twitter.com/ZURBfoundation">@zurbfoundation</a><br />Ping us on Twitter if you have questions. When you build something with this we'd love to see it (and send you a totally boss sticker).</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul id="" class="dropdown menu" data-dropdown-menu="dropdown-menu" role="menubar">
|
||||
<li id="" class="" role="none">
|
||||
<a role="menuitem" href="https://dev.arc-hive.zone">Project</a>
|
||||
</li>
|
||||
<li id="" class="" role="none">
|
||||
<a role="menuitem" href="https://dev.arc-hive.zone/resources/">Resources</a>
|
||||
</li>
|
||||
<li id="" class="" role="none">
|
||||
<a role="menuitem" href="https://dev.arc-hive.zone/category/how-to/">How-to</a>
|
||||
</li>
|
||||
<li id="" class="is-dropdown-submenu-parent opens-right" role="none" aria-haspopup="true" aria-label="About">
|
||||
<a role="menuitem" href="#">About</a>
|
||||
<ul class="dropdown menu vertical submenu is-dropdown-submenu first-sub" data-toggle="" data-submenu="" role="menubar">
|
||||
<li id="" class="is-submenu-item is-dropdown-submenu-item" role="none">
|
||||
<a role="menuitem" href="https://dev.arc-hive.zone/arc-hive-presentation/">Presentation</a>
|
||||
</li>
|
||||
<li id="" class="is-submenu-item is-dropdown-submenu-item" role="none">
|
||||
<a role="menuitem" href="https://dev.arc-hive.zone/partners/">Partners</a>
|
||||
</li>
|
||||
<li id="" class="is-submenu-item is-dropdown-submenu-item" role="none">
|
||||
<a role="menuitem" href="https://dev.arc-hive.zone/contact/">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li id="" class="" role="none">
|
||||
<a role="menuitem" href="https://dev.arc-hive.zone/join-us/">Join us</a>
|
||||
</li>
|
||||
<li id="" class="" role="none">
|
||||
<a role="menuitem" href="/login">Login</a>
|
||||
</li>
|
||||
</ul>
|
||||
</menu>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="grid-x grid-padding-x">
|
||||
<div class="large-8 medium-8 cell">
|
||||
<h5>Here’s your basic grid:</h5>
|
||||
<!-- Grid Example -->
|
||||
|
||||
<section class="hero omeka collections-all">
|
||||
<main class="slides">
|
||||
<section class="slide image-backgroud">
|
||||
</section>
|
||||
<div class="grid-x grid-padding-x">
|
||||
<div class="large-12 cell">
|
||||
<div class="primary callout">
|
||||
<p><strong>This is a twelve cell section in a grid-x.</strong> Each of these includes a div.callout element so you can see where the cell are - it's not required at all for the grid.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid-x grid-padding-x">
|
||||
<div class="large-6 medium-6 cell">
|
||||
<div class="primary callout">
|
||||
<p>Six cell</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="large-6 medium-6 cell">
|
||||
<div class="primary callout">
|
||||
<p>Six cell</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid-x grid-padding-x">
|
||||
<div class="large-4 medium-4 small-4 cell">
|
||||
<div class="primary callout">
|
||||
<p>Four cell</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="large-4 medium-4 small-4 cell">
|
||||
<div class="primary callout">
|
||||
<p>Four cell</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="large-4 medium-4 small-4 cell">
|
||||
<div class="primary callout">
|
||||
<p>Four cell</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
<aside>
|
||||
<h2 class="site-title">
|
||||
<a href="/s/collections">
|
||||
Collections </a>
|
||||
</h2>
|
||||
</aside>
|
||||
</section>
|
||||
<hr />
|
||||
|
||||
<main>
|
||||
<article>
|
||||
<section class="omekas-entry-content">
|
||||
<h5>We bet you’ll need a form somewhere:</h5>
|
||||
<form>
|
||||
<div class="grid-x grid-padding-x">
|
||||
<div class="large-12 cell">
|
||||
<label>Input Label</label>
|
||||
<input type="text" placeholder="large-12.cell" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid-x grid-padding-x">
|
||||
<div class="large-4 medium-4 cell">
|
||||
<label>Input Label</label>
|
||||
<input type="text" placeholder="large-4.cell" />
|
||||
</div>
|
||||
<div class="large-4 medium-4 cell">
|
||||
<label>Input Label</label>
|
||||
<input type="text" placeholder="large-4.cell" />
|
||||
</div>
|
||||
<div class="large-4 medium-4 cell">
|
||||
<div class="grid-x">
|
||||
<label>Input Label</label>
|
||||
<div class="input-group">
|
||||
<input type="text" placeholder="small-9.cell" class="input-group-field" />
|
||||
<span class="input-group-label">.com</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid-x grid-padding-x">
|
||||
<div class="large-12 cell">
|
||||
<label>Select Box</label>
|
||||
<select>
|
||||
<option value="husker">Husker</option>
|
||||
<option value="starbuck">Starbuck</option>
|
||||
<option value="hotdog">Hot Dog</option>
|
||||
<option value="apollo">Apollo</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid-x grid-padding-x">
|
||||
<div class="large-6 medium-6 cell">
|
||||
<label>Choose Your Favorite</label>
|
||||
<input type="radio" name="pokemon" value="Red" id="pokemonRed"><label for="pokemonRed">Radio 1</label>
|
||||
<input type="radio" name="pokemon" value="Blue" id="pokemonBlue"><label for="pokemonBlue">Radio 2</label>
|
||||
</div>
|
||||
<div class="large-6 medium-6 cell">
|
||||
<label>Check these out</label>
|
||||
<input id="checkbox1" type="checkbox"><label for="checkbox1">Checkbox 1</label>
|
||||
<input id="checkbox2" type="checkbox"><label for="checkbox2">Checkbox 2</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid-x grid-padding-x">
|
||||
<div class="large-12 cell">
|
||||
<label>Textarea Label</label>
|
||||
<textarea placeholder="small-12.cell"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="large-4 medium-4 cell">
|
||||
<h5>Try one of these buttons:</h5>
|
||||
<p><a href="#" class="button">Simple Button</a><br/>
|
||||
<a href="#" class="success button">Success Btn</a><br/>
|
||||
<a href="#" class="alert button">Alert Btn</a><br/>
|
||||
<a href="#" class="secondary button">Secondary Btn</a></p>
|
||||
<div class="callout">
|
||||
<h5>So many components, girl!</h5>
|
||||
<p>A whole kitchen sink of goodies comes with Foundation. Check out the docs to see them all, along with details on making them your own.</p>
|
||||
<a href="http://foundation.zurb.com/sites/docs/" class="small button">Go to Foundation Docs</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- arc-hive page header-image insert begins -->
|
||||
<style>
|
||||
.arc-page-header-img {
|
||||
content: url("asset/img/default-ARC-HIVE-hero-image.jpg?v=2.0.0");
|
||||
}
|
||||
</style>
|
||||
<!-- arc-hive page header-image insert ends -->
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
-->
|
||||
|
||||
<!-- archive menu -->
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="blocks" class="blocks">
|
||||
|
||||
|
||||
<div id="site-list">
|
||||
<div data-v-abbdcac0=""><nav data-v-abbdcac0=""><form class="search"><div class="input-group"><input type="text" name="fulltext_search" placeholder="Search" aria-label="Search" class="input-group-fieldbutton hollow"> <button type="submit" class="appear button">
|
||||
Search
|
||||
</button></div></form></nav> <section data-v-abbdcac0="" class="collections-list"><header data-v-abbdcac0=""><h2 data-v-abbdcac0="">Latest in collections</h2></header> <main data-v-abbdcac0=""><article data-v-abbdcac0=""><ul data-v-abbdcac0="" class="accordion"><li data-v-abbdcac0="" data-accordion-item="" disabled="disabled" class="accordion-item title"><div data-v-abbdcac0="" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
|
||||
Title
|
||||
<span data-v-abbdcac0="" class="ascToggle"></span></li> <li data-v-abbdcac0="" class="curator">
|
||||
Artist
|
||||
<span data-v-abbdcac0="" class="ascToggle"></span></li> <li data-v-abbdcac0="" class="collection-name">
|
||||
Collection
|
||||
<span data-v-abbdcac0="" class="ascToggle"></span></li> <li data-v-abbdcac0="" class="date">
|
||||
Date
|
||||
<span data-v-abbdcac0="" class="ascToggle activeColumn"></span></li></ul></div></li> <li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
|
||||
Hangar
|
||||
</li> <li data-v-abbdcac0="" class="curator">
|
||||
|
||||
</li> <li data-v-abbdcac0="" class="collection-name">
|
||||
|
||||
</li> <li data-v-abbdcac0="" class="date">
|
||||
|
||||
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0=""></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0=""></span> <a data-v-abbdcac0="" href="/s/hangar" class="button small">
|
||||
View
|
||||
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
|
||||
Trees and cells
|
||||
</li> <li data-v-abbdcac0="" class="curator">
|
||||
|
||||
</li> <li data-v-abbdcac0="" class="collection-name">
|
||||
|
||||
</li> <li data-v-abbdcac0="" class="date">
|
||||
|
||||
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0=""></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">Here, some footnotes of structural imagination</span> <a data-v-abbdcac0="" href="/s/trees-and-cells" class="button small">
|
||||
View
|
||||
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
|
||||
VideoReplication
|
||||
</li> <li data-v-abbdcac0="" class="curator">
|
||||
|
||||
</li> <li data-v-abbdcac0="" class="collection-name">
|
||||
|
||||
</li> <li data-v-abbdcac0="" class="date">
|
||||
|
||||
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0=""></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0=""></span> <a data-v-abbdcac0="" href="/s/videoreplication" class="button small">
|
||||
View
|
||||
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
|
||||
Werewolves
|
||||
</li> <li data-v-abbdcac0="" class="curator">
|
||||
Antonio + Chris
|
||||
</li> <li data-v-abbdcac0="" class="collection-name">
|
||||
Hangar people
|
||||
</li> <li data-v-abbdcac0="" class="date">
|
||||
2021-03-02
|
||||
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://dev-archive.hangar.org/files/large/89/scary-werewolf.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">The werewolf is a widespread concept in European folklore, existing in many variants, which are related by a common development of a Christian interpretation of underlying European folklore developed during the medieval period. From the early modern period, werewolf beliefs also spread to the New World with colonialism. Belief in werewolves developed in parallel to the belief in witches, in the course of the Late Middle Ages and the Early Modern period.</span> <a data-v-abbdcac0="" href="/s/Werewolves" class="button small">
|
||||
View
|
||||
</a></p></section></aside></li><li data-v-abbdcac0="" data-accordion-item="" class="accordion-item"><div data-v-abbdcac0="" role="tab" aria-expanded="false" aria-selected="false" class="accordion-title"><ul data-v-abbdcac0=""><li data-v-abbdcac0="" class="title">
|
||||
Modules
|
||||
</li> <li data-v-abbdcac0="" class="curator">
|
||||
Chris
|
||||
</li> <li data-v-abbdcac0="" class="collection-name">
|
||||
Hangar people
|
||||
</li> <li data-v-abbdcac0="" class="date">
|
||||
2021-03-09
|
||||
</li></ul></div> <aside data-v-abbdcac0="" class="accordion-content"><section data-v-abbdcac0=""><figure data-v-abbdcac0=""><img data-v-abbdcac0="" src="https://dev-archive.hangar.org/files/large/81/3D-Panoramic-Landscape-Image-768x288.jpg"></figure> <p data-v-abbdcac0=""><span data-v-abbdcac0="">You can extend the functionality of Omeka S by writing an add-on component called a module. Zend Framework provides a substantial framework for writing modules, but Omeka S provides extra structure that makes the modules installable, upgradeable, and integratable. You can extend the functionality of Omeka S by writing an add-on component called a module. Zend Framework provides a substantial framework for writing modules, but Omeka S provides extra structure that makes the modules installable, upgradeable, and integratable.</span> <a data-v-abbdcac0="" href="/s/modules" class="button small">
|
||||
View
|
||||
</a></p></section></aside></li></ul> <!----></article></main> <aside data-v-abbdcac0=""><nav data-v-abbdcac0=""></nav></aside></section></div>
|
||||
</div>
|
||||
|
||||
|
||||
<script src="/themes/archive/asset/js/archive-list.js"></script>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
</article>
|
||||
<aside>
|
||||
</aside>
|
||||
</main>
|
||||
|
||||
<footer class="">
|
||||
|
||||
<section class="subsection">
|
||||
<aside class="site-brand arc-hive">
|
||||
<a href="/s/collections" rel="home" class="">
|
||||
<h1 class="site-name">
|
||||
Collections </h1>
|
||||
<h2 class="site-description">
|
||||
an integrative digital bio-art platform
|
||||
</h2>
|
||||
</a>
|
||||
</aside>
|
||||
<aside class="double newsletter">
|
||||
<p> Subscribe to our <br>
|
||||
<span class="h4"><a href="https://arc-hive.zone/newsletter/">newsletter</a></span>
|
||||
</p>
|
||||
</aside>
|
||||
<aside class="newsletter">
|
||||
<p> Follow us on <br>
|
||||
<span class="h4"><a href="https://www.facebook.com/arc.hive.platform/">facebook</a></span>
|
||||
-
|
||||
<span class="h4"><a href="https://www.instagram.com/arc.hive.zone/">instagram</a></span>
|
||||
</p>
|
||||
</aside>
|
||||
</section>
|
||||
<section class="subsection">
|
||||
<aside class="contact">
|
||||
<p><a href="mailto:info@arc-hive.zone">info@arc-hive.zone</a></p>
|
||||
<p class="h5"><a href="https://arc-hive.zone/contact/">CONTACT</a></p>
|
||||
</aside>
|
||||
<aside class="double partners">
|
||||
<p>ARC-HIVE partners are:</p>
|
||||
<ul>
|
||||
<li class="h5"> <a href="https://bioartsociety.fi/">Bioart Society</a></li>
|
||||
<li class="h5"> <a href="https://cultivamoscultura.com/">Cultivamos Cultura</a></li>
|
||||
<li class="h5"> <a href="https://hangar.org/">Hangar</a></li>
|
||||
<li class="clear clearfix"></li>
|
||||
<li class="h5"> <a href="https://kersnikova.org/">Kersnikova</a></li>
|
||||
<li class="h5"> <a href="https://www.kontejner.org/">Kontejner</a></li>
|
||||
<li class="h5"> <a href="https://www.naturalsciences.be/">RBINS</a></li>
|
||||
</ul>
|
||||
</aside>
|
||||
<aside class="co-founded">
|
||||
<a href="#" class="brand-logo eu">
|
||||
<h1 class="site-name">Co-Funded bye the Creative Europe Programme of the European Union</h1>
|
||||
</a>
|
||||
</aside>
|
||||
</section>
|
||||
<section class="subsection">
|
||||
<aside class="copyright">
|
||||
Hosted, maintained and coded by <a href="https://hangar.org">Hangar</a>
|
||||
</aside>
|
||||
<aside class="double copyright">
|
||||
Powered by Omeka S </aside>
|
||||
<aside class="legal-credits">
|
||||
Visual identity by <a href="http://oficinadedisseny.net/">Oficina de disseny</a>
|
||||
</aside>
|
||||
</section>
|
||||
</footer>
|
||||
|
||||
|
||||
<!-- end off-canvas-content -->
|
||||
<!-- </div> -->
|
||||
</content>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="asssets/js/archive-list.js"></script>
|
||||
<script type="text/javascript" src="asssets/js/browse.js"></script>
|
||||
<script type="text/javascript" src="asssets/js/expand-site-list.js"></script>
|
||||
<script type="text/javascript" src="asssets/js/foundation.js"></script>
|
||||
<script src="node_modules/jquery/dist/jquery.js"></script>
|
||||
<script src="node_modules/what-input/dist/what-input.js"></script>
|
||||
<script src="node_modules/foundation-sites/dist/js/foundation.js"></script>
|
||||
<script src="js/app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -924,9 +924,9 @@
|
|||
}
|
||||
},
|
||||
"caniuse-lite": {
|
||||
"version": "1.0.30001312",
|
||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001312.tgz",
|
||||
"integrity": "sha512-Wiz1Psk2MEK0pX3rUzWaunLTZzqS2JYZFzNKqAiJGiuxIjRPLgV6+VDPOg6lQOUxmDwhTlh198JsTTi8Hzw6aQ==",
|
||||
"version": "1.0.30001236",
|
||||
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001236.tgz",
|
||||
"integrity": "sha512-o0PRQSrSCGJKCPZcgMzl5fUaj5xHe8qA2m4QRvnyY4e1lITqoNkr7q/Oh1NcpGSy0Th97UZ35yoKcINPoq7YOQ==",
|
||||
"dev": true
|
||||
},
|
||||
"caseless": {
|
||||
|
|
|
|||
|
|
@ -1,42 +1,60 @@
|
|||
<?php
|
||||
//
|
||||
// as for 2021 07 28 this template is not being used
|
||||
// consider deleting it
|
||||
//
|
||||
$archiveSiteHelper = $this->getHelperPluginManager()->get('archiveSiteMeta');
|
||||
?>
|
||||
|
||||
<?php
|
||||
$collections = $archiveSiteHelper->getCollections();
|
||||
$projects = [];
|
||||
foreach($sites as $site){
|
||||
$site_data = $archiveSiteHelper->getSiteMetaValues($site);
|
||||
$site_data['id'] = $site->id();
|
||||
$site_data['url'] = $site->siteUrl();
|
||||
$site_data['title'] = $site->title();
|
||||
if (isset($site_data['collection'])) {
|
||||
$site_data['collection'] = $collections[$site_data['collection']];
|
||||
} else {
|
||||
$site_data['collection'] = "";
|
||||
}
|
||||
$site_data['summary'] = nl2br($this->escapeHtml($site->summary()));
|
||||
if (!isset($site_data['currator'])) {
|
||||
$site_data['currator'] = "";
|
||||
}
|
||||
if (isset($site_data['project_date'])) {
|
||||
$site_data['project_date'] = substr($site_data['project_date'], 0, 4);
|
||||
}
|
||||
array_push($projects, $site_data);
|
||||
}
|
||||
//$collections = json_encode($collections, JSON_UNESCAPED_SLASHES);
|
||||
//$collections = json_encode($collections, JSON_HEX_APOS);
|
||||
//$collections = htmlspecialchars(json_encode($collections), ENT_QUOTES, 'UTF-8');
|
||||
$projects = htmlentities(json_encode($projects, JSON_HEX_QUOT), ENT_QUOTES, 'UTF-8');
|
||||
?>
|
||||
<section class="collections-list">
|
||||
|
||||
<div id="site-list">
|
||||
<div
|
||||
data-vue-component="archive-list"
|
||||
data-collections='<?= $projects ?>'
|
||||
data-page_size=20>
|
||||
</div>
|
||||
</div>
|
||||
<header>
|
||||
<h2> Latest in collections</h2>
|
||||
</header>
|
||||
<main class="">
|
||||
<article class="">
|
||||
<ul class="accordion" data-responsive-accordion-tabs="accordion small-accordion" data-multi-expand="true" data-allow-all-closed="true" data-deep-link="true">
|
||||
<li class="accordion-item title" data-accordion-item disabled>
|
||||
<a href="#" class="accordion-title">
|
||||
<ul class="">
|
||||
<li class="title">Title</li>
|
||||
<li class="curator">Artist</li>
|
||||
<li class="collection-name">Collection</li>
|
||||
<li class="date">Date</li>
|
||||
</ul>
|
||||
</a>
|
||||
<div class="accordion-content" data-tab-content>
|
||||
<figure>
|
||||
</figure>
|
||||
<p>
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
|
||||
<script src="/themes/archive/asset/js/archive-list.js"></script>
|
||||
<?php
|
||||
// read each omeka site to publish
|
||||
foreach($sites as $site):
|
||||
$site_meta_values = $archiveSiteHelper->getSiteMetaValues($site);
|
||||
// table body build file
|
||||
echo $this->partial('common/site-list-entry', [
|
||||
'site' => $site,
|
||||
'showSummary' => $summaries,
|
||||
'site_meta_values' => $site_meta_values,
|
||||
'archive_collections' => $archiveSiteHelper->getCollections(),
|
||||
]);
|
||||
endforeach;
|
||||
?>
|
||||
</ul>
|
||||
</article>
|
||||
</main>
|
||||
<aside>
|
||||
<nav>
|
||||
<?php
|
||||
if (1 == 0):
|
||||
//if ($pagination):
|
||||
echo $this->pagination();
|
||||
endif;
|
||||
?>
|
||||
</nav>
|
||||
</aside>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
['class' => 'advanced-search']
|
||||
); ?>
|
||||
|
||||
<h3 class="item-set-resutls-title"><?php echo sprintf($this->translate('Item set results for "%s"'), $fulltextSearch); ?></h3>
|
||||
<h2><?php echo sprintf($this->translate('Item set results for "%s"'), $fulltextSearch); ?></h2>
|
||||
|
||||
<?php echo $this->pagination(); ?>
|
||||
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@ $("#archive_page_title").html('<?php echo $_html ?>');
|
|||
</script>
|
||||
<!-- arc-hive insert ends -->
|
||||
|
||||
<h3 class="search-results-for-title"><?php echo sprintf($this->translate('Search results for “%s”'), $fulltextSearch); ?></h3>
|
||||
<h2><?php echo sprintf($this->translate('Search results for “%s”'), $fulltextSearch); ?></h2>
|
||||
|
||||
|
||||
<div class="results">
|
||||
|
|
|
|||
|
|
@ -51,7 +51,7 @@
|
|||
Hosted, maintained and coded by <a href="https://hangar.org">Hangar</a>
|
||||
</aside>
|
||||
<aside class="double copyright">
|
||||
Powered by <a href="https://omeka.org/">Omeka</a>
|
||||
<?php echo $this->translate('Powered by Omeka S'); ?>
|
||||
</aside>
|
||||
<aside class="legal-credits">
|
||||
Visual identity by <a href="http://oficinadedisseny.net/">Oficina de disseny</a>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,5 @@
|
|||
<main class="">
|
||||
<!-- <a href="<?php echo $site->url(); ?>" class="site-brand arc-hive-off"> -->
|
||||
<a href="https://arc-hive.zone/" class="site-brand arc-hive-off">
|
||||
<a href="<?php echo $site->url(); ?>" class="site-brand arc-hive-off">
|
||||
<?php if ($this->themeSetting('logo')): ?>
|
||||
<img src="<?php echo $this->themeSettingAssetUrl('logo'); ?>"
|
||||
alt="<?php echo $site->title(); ?>"
|
||||
|
|
@ -18,13 +17,20 @@
|
|||
</main>
|
||||
<nav>
|
||||
<menu class="">
|
||||
|
||||
<?php
|
||||
<ul>
|
||||
<li>
|
||||
Este menu no lo genera Omeka.
|
||||
</li>
|
||||
<li>
|
||||
Creo que emula el menu del wordpress.
|
||||
</li>
|
||||
</ul>
|
||||
<?php /*
|
||||
echo $site->publicNav()
|
||||
->menu()
|
||||
->setPartial('common/wordpress-menu.phtml')
|
||||
->setPartial('common/foundation-navigation.phtml')
|
||||
->renderPartialWithParams(['layout' => 'dropdown']);
|
||||
|
||||
*/
|
||||
?>
|
||||
</menu>
|
||||
</nav>
|
||||
|
|
|
|||
|
|
@ -1,25 +1,5 @@
|
|||
|
||||
|
||||
<!-- arc-hive header-image insert begins -->
|
||||
<?php
|
||||
$img_src = null;
|
||||
$img_src = $this->getHelperPluginManager()->get('headerImage')->getImage();
|
||||
if (!$img_src) {
|
||||
$img_src = $this->assetUrl('img/default-ARC-HIVE-hero-image.jpg');
|
||||
}
|
||||
?>
|
||||
<style>
|
||||
.arc-page-header-img {
|
||||
content: url("<?= $img_src ?>");
|
||||
}
|
||||
</style>
|
||||
<?php
|
||||
?>
|
||||
<!-- arc-hive header-image insert ends -->
|
||||
|
||||
<main class="">
|
||||
<!-- <a href="<?php echo $site->url(); ?>" class="site-brand arc-hive-off"> -->
|
||||
<a href="https://arc-hive.zone/" class="site-brand arc-hive-off">
|
||||
<a href="<?php echo $site->url(); ?>" class="site-brand arc-hive-off">
|
||||
<?php if ($this->themeSetting('logo')): ?>
|
||||
<img src="<?php echo $this->themeSettingAssetUrl('logo'); ?>"
|
||||
alt="<?php echo $site->title(); ?>"
|
||||
|
|
@ -42,10 +22,12 @@ $img_src = null;
|
|||
<nav>
|
||||
<menu class="">
|
||||
<?php //
|
||||
echo $site->publicNav()
|
||||
->menu()
|
||||
->setPartial('common/wordpress-menu.phtml')
|
||||
->renderPartialWithParams(['layout' => 'dropdown']);
|
||||
// Segun el diseño, este menu no existe
|
||||
// ----------
|
||||
// echo $site->publicNav()
|
||||
// ->menu()
|
||||
// ->setPartial('common/foundation-navigation.phtml')
|
||||
// ->renderPartialWithParams(['layout' => 'dropdown']);
|
||||
?>
|
||||
</menu>
|
||||
</nav>
|
||||
|
|
|
|||
|
|
@ -1,13 +1,25 @@
|
|||
<section class="hero omeka collections-all">
|
||||
<main class="slides">
|
||||
<section class="slide image-background">
|
||||
<!-- <figure> -->
|
||||
<!-- <img src=""
|
||||
<?php if ($this->themeSetting('logo')): ?>
|
||||
<section class="slide">
|
||||
<figure>
|
||||
<img src="<?php echo $this->themeSettingAssetUrl('logo'); ?>"
|
||||
title="<?php echo $site->title(); ?>"
|
||||
alt="<?php echo $site->title(); ?>"
|
||||
class="logo" />
|
||||
</figure>
|
||||
</section>
|
||||
<?php else: ?>
|
||||
<section class="slide">
|
||||
<figure>
|
||||
<img src="<?php echo $this->assetUrl('img/ARC-HIVE-logo.svg');?>"
|
||||
title="an arc-hive project"
|
||||
alt="arc-hive logo"
|
||||
class="logo" /-->
|
||||
<!-- </figure> -->
|
||||
class="logo" />
|
||||
</figure>
|
||||
</section>
|
||||
<?php endif; ?>
|
||||
|
||||
</main>
|
||||
<aside>
|
||||
<h2 class="site-title">
|
||||
|
|
@ -15,5 +27,8 @@
|
|||
<?= $this->site->title() ?>
|
||||
</a>
|
||||
</h2>
|
||||
<nav class="">
|
||||
<?php echo $this->partial('common/search-form.phtml'); ?>
|
||||
</nav>
|
||||
</aside>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -1,108 +0,0 @@
|
|||
<?php
|
||||
|
||||
# Config
|
||||
# uncoment below for production main branch and comment for development
|
||||
$wordpress_site="https://arc-hive.zone";
|
||||
$wordpress_endpoint="https://arc-hive.zone/wp-json/menus/v1/menus/4";
|
||||
# coment below for production main branch and uncomment for development
|
||||
#$wordpress_site="https://dev.arc-hive.zone";
|
||||
#$wordpress_endpoint="https://dev.arc-hive.zone/wp-json/menus/v1/menus/4";
|
||||
|
||||
use Zend\Http\Client;
|
||||
|
||||
$items = new ArrayObject;
|
||||
$items[0] = new ArrayObject(); // top level menu items go here
|
||||
|
||||
if ($wordpress_endpoint) {
|
||||
try {
|
||||
$client = new Client($wordpress_endpoint);
|
||||
$client->setOptions(array("timeout"=>2));
|
||||
$response = $client->send();
|
||||
}
|
||||
catch (exception $e) {
|
||||
$response = null;
|
||||
}
|
||||
if ($response) {
|
||||
$response_data = json_decode($response->getBody());
|
||||
if (!$response->isClientError() && $response_data) {
|
||||
foreach ($response_data as $menu_item) {
|
||||
$lowered_title = strtolower($menu_item->title);
|
||||
$item_url = $menu_item->url;
|
||||
if ($lowered_title == 'login') {
|
||||
// manipulate login url
|
||||
$item_url = "/login";
|
||||
}
|
||||
$item_title = $menu_item->title;
|
||||
/*
|
||||
if ($lowered_title == 'collections') {
|
||||
if ($wordpress_site) {
|
||||
// change Collections item
|
||||
$item_title = "Project";
|
||||
$item_url = $wordpress_site;
|
||||
} else {
|
||||
continue; // do not render the Collections item
|
||||
}
|
||||
}
|
||||
*/
|
||||
$item = [
|
||||
"id" => $menu_item->ID,
|
||||
"title" => $item_title,
|
||||
"url" => $item_url
|
||||
];
|
||||
if (!isset($items[$menu_item->menu_item_parent])) {
|
||||
$items[$menu_item->menu_item_parent] = new ArrayObject();
|
||||
}
|
||||
$items[$menu_item->menu_item_parent][$menu_item->ID] =$item;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (count($items[0]) == 0) {
|
||||
// we did not retrieve a menu from the wordpress site
|
||||
// let's create a default menu
|
||||
if ($wordpress_site) {
|
||||
$collections_item = [
|
||||
"id" => 1,
|
||||
"title" => "Collections",
|
||||
"url" => "/"
|
||||
];
|
||||
$items[0][1] = $collections_item;
|
||||
}
|
||||
$login_item = [
|
||||
"id" => 2,
|
||||
"title" => "Login",
|
||||
"url" => "/login"
|
||||
];
|
||||
$items[0][2] = $login_item;
|
||||
}
|
||||
//print_r($items);
|
||||
|
||||
if (!function_exists('render_menu')) {
|
||||
function render_menu($items, $level_id) {
|
||||
if ($level_id == 0) {
|
||||
echo '<ul id="" class="dropdown menu" data-dropdown-menu="dropdown-menu" role="menubar">'.
|
||||
PHP_EOL;
|
||||
} else {
|
||||
echo '<ul class="dropdown menu vertical submenu is-dropdown-submenu first-sub" data-toggle="" data-submenu="" role="">'.
|
||||
PHP_EOL;
|
||||
}
|
||||
foreach ($items[$level_id] as $menu_item) {
|
||||
if ($level_id == 0) {
|
||||
echo '<li id="" class="" role="">'.PHP_EOL;
|
||||
} else {
|
||||
echo '<li id="" class="is-submenu-item is-dropdown-submenu-item" role="">'.PHP_EOL;
|
||||
}
|
||||
echo '<a role="" href="'.$menu_item['url'].'">'.$menu_item['title'].'</a>'.PHP_EOL;
|
||||
if (isset($items[$menu_item['id']])) {
|
||||
render_menu($items, $menu_item['id']); // render sub menu
|
||||
}
|
||||
echo '</li>' . PHP_EOL;
|
||||
}
|
||||
echo '</ul>' . PHP_EOL;
|
||||
}
|
||||
}
|
||||
|
||||
render_menu($items, 0);
|
||||
|
||||
?>
|
||||
|
|
@ -40,7 +40,7 @@ $form->prepare();
|
|||
<div id="new-block" class="active sidebar" data-url="<?php echo $this->url('admin/site/slug/page/default', ['action' => 'block'], true); ?>">
|
||||
<h3><?php echo $translate('Add new block'); ?></h3>
|
||||
<?php foreach ($this->blockLayout()->getLayouts() as $layout): ?>
|
||||
<?php /* if ($layout == "html") { continue; } */ ?>
|
||||
<?php if ($layout == "html") { continue; } ?>
|
||||
<?php /* if ($layout == "tableOfContents") { continue; } */ ?>
|
||||
<?php if ($layout == "searchingForm") { continue; } ?>
|
||||
<button type="button" value="<?php echo $escape($layout); ?>" class="option">
|
||||
|
|
|
|||
|
|
@ -1,53 +0,0 @@
|
|||
<?php
|
||||
$translate = $this->plugin('translate');
|
||||
$hyperlink = $this->plugin('hyperlink');
|
||||
$url = $this->plugin('url');
|
||||
$this->htmlElement('body')->appendAttribute('class', 'index search');
|
||||
?>
|
||||
|
||||
<?php echo $this->pageTitle(sprintf($translate('Search results for “%s”'), $query)); ?>
|
||||
|
||||
<?php if (empty($results)): ?>
|
||||
<p><?php echo $translate('No result found'); ?></p>
|
||||
<?php else: ?>
|
||||
<?php
|
||||
$resourceLabels = [
|
||||
'site_pages' => 'Site pages', // @translate
|
||||
'items' => 'Items', // @translate
|
||||
'item_sets' => 'Item sets', // @translate
|
||||
'media' => 'Media', // @translate
|
||||
];
|
||||
$resourceControllers = [
|
||||
'site_pages' => 'page',
|
||||
'items' => 'item',
|
||||
'item_sets' => 'item-set',
|
||||
'media' => 'media',
|
||||
];
|
||||
?>
|
||||
<?php foreach ($results as $resourceName => $result): ?>
|
||||
<div class="<?php echo $resourceName; ?> results">
|
||||
<h2><?php echo $translate($resourceLabels[$resourceName]); ?></h2>
|
||||
|
||||
<?php $titleMethod = $resourceName === 'site_pages' ? 'title' : 'displayTitle'; ?>
|
||||
<ul>
|
||||
<?php foreach ($result['resources'] as $resource): ?>
|
||||
<li>
|
||||
<?php echo $resource->link($resource->$titleMethod()); ?>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
<!-- removes 'view all results' from site search -->
|
||||
<!--
|
||||
<?php echo $hyperlink(
|
||||
sprintf($translate('View all results (%s total)'), $result['total']),
|
||||
$url(
|
||||
'site/resource',
|
||||
['controller' => $resourceControllers[$resourceName], 'action' => 'browse'],
|
||||
['query' => ['fulltext_search' => $query]],
|
||||
true
|
||||
)
|
||||
); ?>
|
||||
-->
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
<?php endif; ?>
|
||||
|
|
@ -1,4 +1,97 @@
|
|||
<?php
|
||||
$translate = $this->plugin('translate');
|
||||
$escape = $this->plugin('escapeHtml');
|
||||
$this->headScript()->appendFile($this->assetUrl('js/browse.js'));
|
||||
$this->htmlElement('body')->appendAttribute('class', 'item resource browse');
|
||||
|
||||
<script>
|
||||
window.location.replace("<?= $this->site->url() ?>");
|
||||
</script>
|
||||
$query = $this->params()->fromQuery();
|
||||
$itemSetShow = isset($itemSet);
|
||||
if ($itemSetShow):
|
||||
$this->htmlElement('body')->appendAttribute('class', 'item-set');
|
||||
$query['item_set_id'] = $itemSet->id();
|
||||
endif;
|
||||
|
||||
$layoutSetting = $this->themeSetting('browse_layout');
|
||||
$gridState = ($layoutSetting == 'togglegrid') ? 'disabled' : '';
|
||||
$listState = ($layoutSetting == 'togglelist') ? 'disabled': '';
|
||||
$isGrid = (!isset($layoutSetting) || strpos($layoutSetting, 'grid') !== false) ? true : false;
|
||||
$headingTerm = $this->siteSetting('browse_heading_property_term');
|
||||
$bodyTerm = $this->siteSetting('browse_body_property_term');
|
||||
$bodyTruncate = $this->themeSetting('truncate_body_property');
|
||||
|
||||
$sortHeadings = [
|
||||
[
|
||||
'label' => $translate('Title'),
|
||||
'value' => 'dcterms:title'
|
||||
],
|
||||
[
|
||||
'label' => $translate('Identifier'),
|
||||
'value' => 'dcterms:identifier'
|
||||
],
|
||||
[
|
||||
'label' => $translate('Class'),
|
||||
'value' => 'resource_class_label'
|
||||
],
|
||||
[
|
||||
'label' => $translate('Created'),
|
||||
'value' => 'created'
|
||||
],
|
||||
];
|
||||
?>
|
||||
|
||||
<?php if ($itemSetShow): ?>
|
||||
<?php echo $this->pageTitle($itemSet->displayTitle(), 2); ?>
|
||||
<h3><?php echo $translate('Item set'); ?></h3>
|
||||
<div class="metadata">
|
||||
<?php echo $itemSet->displayValues(); ?>
|
||||
</div>
|
||||
<div class="item-set-items">
|
||||
<?php echo '<h3>' . $escape($translate('Items')) . '</h3>'; ?>
|
||||
<?php else: ?>
|
||||
<?php echo $this->pageTitle($translate('Items'), 2); ?>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php echo $this->searchFilters(); ?>
|
||||
<div class="browse-control-mobile">
|
||||
<button type="button" class="browse-toggle closed">Tools</button>
|
||||
</div>
|
||||
<div class="browse-controls closed">
|
||||
<?php echo $this->pagination(); ?>
|
||||
<?php if (strpos($layoutSetting, 'toggle') !== false): ?>
|
||||
<div class="layout-toggle">
|
||||
<button type="button" aria-label="<?php echo $translate('Grid'); ?>" class="grid o-icon-grid" <?php echo $gridState; ?>></button>
|
||||
<button type="button" aria-label="<?php echo $translate('List'); ?>" class="list o-icon-list" <?php echo $listState; ?>></button>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<?php echo $this->hyperlink($translate('Advanced search'), $this->url('site/resource', ['controller' => 'item', 'action' => 'search'], ['query' => $query], true), ['class' => 'advanced-search']); ?>
|
||||
<?php echo $this->sortSelector($sortHeadings); ?>
|
||||
</div>
|
||||
|
||||
<?php $this->trigger('view.browse.before'); ?>
|
||||
<ul class="resources <?php echo ($isGrid) ? 'resource-grid' : 'resource-list'; ?>">
|
||||
<?php
|
||||
foreach ($items as $item):
|
||||
$heading = $headingTerm ? $item->value($headingTerm, ['default' => $translate('[Untitled]')]) : $item->displayTitle();
|
||||
$body = $bodyTerm ? $item->value($bodyTerm) : $item->displayDescription();
|
||||
?>
|
||||
<li class="item resource <?php echo ($isGrid) ? '' : 'media-object'; ?>">
|
||||
<?php if ($thumbnail = $this->thumbnail($item, 'medium')): ?>
|
||||
<div class="resource-image <?php echo ($isGrid) ? '' : 'media-object-section'; ?>">
|
||||
<?php echo $item->linkRaw($thumbnail, null, ['class' => 'thumbnail']); ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
<div class="resource-meta <?php echo ($isGrid) ? '' : 'media-object-section'; ?>">
|
||||
<h4><?php echo $item->link($heading); ?></h4>
|
||||
<?php if ($body): ?>
|
||||
<div class="description <?php echo ($bodyTruncate) ? $bodyTruncate : ''; ?>"><?php echo $body; ?></div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
</ul>
|
||||
<?php echo ($itemSetShow) ? '</div>' : ''; ?>
|
||||
<?php $this->trigger('view.browse.after'); ?>
|
||||
|
||||
<div class="browse-controls">
|
||||
<?php echo $this->pagination(); ?>
|
||||
</div>
|
||||
|
|
@ -31,6 +31,7 @@ $("#archive_page_title").html('<?php echo $_html ?>');
|
|||
<!-- arc-hive page header-image insert ends -->
|
||||
|
||||
|
||||
|
||||
<div class="resource-title">
|
||||
<?php echo $this->pageTitle($item->displayTitle(), 2); ?>
|
||||
</div>
|
||||
|
|
@ -47,25 +48,10 @@ $("#archive_page_title").html('<?php echo $_html ?>');
|
|||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<!-- code to link directly to media
|
||||
<div class="resource">
|
||||
<a class="resource-link" href="< ?= $media->originalUrl(); ?>">
|
||||
<img src="< ?= $media->thumbnailUrl("square"); ?>" />
|
||||
<span class="resource-name">
|
||||
< ?= $media->displayTitle(); ?>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
-->
|
||||
|
||||
|
||||
<?php if (!$embedMedia && $itemMedia): ?>
|
||||
<div class="media-list" style="display: flex;">
|
||||
<div class="media-list">
|
||||
<?php foreach ($itemMedia as $media): ?>
|
||||
<div class="resource">
|
||||
<?php echo $media->linkPretty(); ?>
|
||||
<!-- include code to link directly to media here -->
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
|
|
|||
|
|
@ -1,10 +1,3 @@
|
|||
|
||||
<!--
|
||||
We have modified omkeka/site/item/show.phtml to render a link to the original
|
||||
files intead of the media page (this page).
|
||||
That means that this page is not (in theory) used.
|
||||
-->
|
||||
|
||||
<?php
|
||||
$translate = $this->plugin('translate');
|
||||
?>
|
||||
|
|
|
|||
|
|
@ -5,12 +5,9 @@ $showPagePagination = $this->siteSetting('show_page_pagination', true);
|
|||
?>
|
||||
|
||||
|
||||
|
||||
<!-- arc-hive page header-image insert begins -->
|
||||
<?php
|
||||
/*
|
||||
$img_src has already been set at view/common/header-default.phtml
|
||||
We override it here because a page may have it's own header image
|
||||
*/
|
||||
$img_src = null;
|
||||
$img_src = $this->getHelperPluginManager()->get('headerImage')->getImage($page);
|
||||
if (!$img_src) {
|
||||
|
|
@ -24,6 +21,7 @@ $img_src = null;
|
|||
</style>
|
||||
<?php
|
||||
?>
|
||||
|
||||
<!-- arc-hive page header-image insert ends -->
|
||||
|
||||
<?php
|
||||
|
|
@ -64,8 +62,8 @@ if ($activePage):
|
|||
<?php if ($activePage): ?>
|
||||
<?php if ($this->displayNavigation && $activePage['page']->hasPages()): ?>
|
||||
<nav class="sub-menu wide" data-sticky-container>
|
||||
<div class="no-sticky" no-data-sticky no-data-anchor="blocks">
|
||||
<?php echo $nav->menu()->setUlClass('horizontal menu')->renderSubMenu(); ?>
|
||||
<div class="sticky" data-sticky data-anchor="blocks">
|
||||
<?php echo $nav->menu()->setUlClass('vertical menu')->renderSubMenu(); ?>
|
||||
</div>
|
||||
</nav>
|
||||
<?php endif; ?>
|
||||
|
|
|
|||
Loading…
Reference in New Issue