mods for a cleaner theme

This commit is contained in:
jorge 2021-06-09 16:54:24 +02:00
parent 3e5a257605
commit da422a30bc
31 changed files with 767 additions and 719 deletions

View File

@ -1,5 +1,5 @@
# Changelog # Changelog
## Version 1.0 (November 19, 2015) ## Version 1.0 (June 03, 2021)
Initial release. Initial release.

File diff suppressed because one or more lines are too long

1
asset/css/inkwell.css Normal file

File diff suppressed because one or more lines are too long

1
asset/css/revolution.css Normal file

File diff suppressed because one or more lines are too long

1
asset/css/seafoam.css Normal file

File diff suppressed because one or more lines are too long

BIN
asset/fonts/WorkSans-Medium.woff Executable file

Binary file not shown.

Binary file not shown.

View File

@ -0,0 +1,45 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
version="1.1"
id="svg2"
xml:space="preserve"
width="865.62665"
height="355.04001"
viewBox="0 0 865.62665 355.04001"><metadata
id="metadata8"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs6" /><g
id="g10"
transform="matrix(1.3333333,0,0,-1.3333333,0,355.04)"><g
id="g12"
transform="scale(0.1)"><path
d="M 75,1331.41 C 79.5977,1005.45 208.422,696.109 437.77,460.301 667.211,224.398 972.246,87.8789 1296.67,75.8906 1570.9,65.8984 1834.82,142.141 2060.1,296.77 l 3.56,2.16 c 14.78,7.89 26.85,14.961 37.88,22.179 l 450.53,340.071 c 190.26,125.41 423.77,189 694.03,189 270.27,0 503.77,-63.59 694.04,-189 l 1.96,-1.371 448.57,-338.7 c 11.12,-7.277 23.38,-14.449 38.49,-22.5 l 3.57,-2.16 c 225.26,-154.41 489.16,-230.6677 763.23,-220.4099 324.33,12.0898 629.26,148.6409 858.61,384.5119 229.24,235.738 358.02,545.009 362.65,870.859 -4.63,325.85 -133.41,635.11 -362.65,870.86 -229.35,235.87 -534.28,372.43 -858.61,384.51 -274.03,10.21 -537.98,-66.01 -763.23,-220.4 l -3.56,-2.17 c -15.1,-8.04 -27.37,-15.21 -38.5,-22.5 l -450.53,-340.07 c -190.26,-125.41 -423.76,-189 -694.04,-189 -270.27,0 -503.77,63.59 -694.03,189 l -1.95,1.38 -448.59,338.69 c -10.99,7.2 -23.06,14.27 -37.87,22.17 l -3.56,2.17 c -225.26,154.62 -489.23,230.99 -763.43,220.87 -324.424,-11.98 -629.459,-148.5 -858.9,-384.4 C 208.422,1966.72 79.5977,1657.37 75,1331.41 Z M 1344.92,0 c -16.97,0 -33.96,0.308594 -51.01,0.949219 C 950.105,13.6406 626.961,158.211 384.004,408.012 141.137,657.719 4.76172,985.43 0,1330.8 l 44.3984,0.61 L 0,1332.02 c 4.76172,345.37 141.137,673.09 384.004,922.79 242.957,249.8 566.101,394.36 909.906,407.06 289.68,10.66 568.66,-69.79 806.92,-232.81 16.5,-8.87 30.2,-16.96 42.97,-25.38 l 1.95,-1.38 448.59,-338.69 c 177.62,-116.77 396.88,-175.97 651.76,-175.97 254.87,0 474.15,59.21 651.77,175.96 l 450.54,340.08 c 12.91,8.52 26.82,16.72 43.64,25.74 238.25,162.78 517.22,243.13 806.7,232.31 343.7,-12.81 666.74,-157.41 909.6,-407.17 242.76,-249.67 379.08,-577.31 383.87,-922.59 l -40.85,-0.56 40.85,-0.56 C 6487.43,985.57 6351.11,657.922 6108.35,408.262 5865.49,158.512 5542.45,13.8984 5198.75,1.10156 4909.03,-9.73828 4630.29,70.6289 4392.05,233.41 c -16.83,9.012 -30.73,17.219 -43.64,25.719 l -1.96,1.383 -448.59,338.707 C 3720.23,715.98 3500.96,775.18 3246.1,775.18 c -254.87,0 -474.13,-59.2 -651.76,-175.969 L 2143.79,259.129 C 2131,250.691 2117.3,242.609 2100.83,233.762 1876.58,80.332 1616.26,0 1344.92,0"
style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path14" /><path
d="m 823.75,1266.44 -64.387,179.6 -25.41,80.48 h -2.543 l -23.719,-78.79 -66.082,-181.29 z m 27.109,-73.7 H 615.352 l -53.375,-146.57 h -93.188 l 210.945,559.13 h 108.438 l 210.945,-559.13 h -95.73 l -52.528,146.57"
style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path16" /><path
d="m 1233.8,1345.23 h 130.47 c 73.7,0 109.28,29.64 109.28,91.49 0,61.85 -35.58,91.49 -109.28,91.49 H 1233.8 Z m 120.3,-75.4 H 1233.8 V 1046.17 H 1144 v 559.13 h 227.89 c 120.3,0 195.7,-62.69 195.7,-167.73 0,-80.49 -44.06,-135.55 -118.61,-157.58 l 151.64,-233.82 h -104.19 l -142.33,223.66"
style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path18" /><path
d="m 1986.12,1037.71 c -161.81,0 -263.47,110.12 -263.47,288.02 0,177.91 102.51,288.05 262.62,288.05 110.98,0 189.77,-46.6 223.66,-137.25 l -85.57,-38.12 c -22.03,66.08 -63.54,96.58 -133.01,96.58 -104.2,0 -172.82,-76.25 -172.82,-209.26 0,-132.14 63.54,-209.24 169.43,-209.24 71.16,0 122.84,35.58 144.03,106.74 l 86.4,-28.8 c -34.73,-102.5 -121.99,-156.72 -231.27,-156.72"
style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path20" /><path
d="m 4559.9,1605.3 v -559.13 h -91.49 v 243.99 h -276.17 v -243.99 h -90.66 v 559.13 h 90.66 v -237.2 h 276.17 v 237.2 h 91.49"
style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path22" /><path
d="m 4836.95,1046.17 h -90.64 v 559.13 h 90.64 v -559.13"
style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path24" /><path
d="m 5273.25,1046.17 h -105.9 L 4959.8,1605.3 h 96.58 l 130.46,-371.9 33.88,-110.99 33.89,110.14 130.47,372.75 h 95.73 l -207.56,-559.13"
style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path26" /><path
d="m 6019.63,1124.11 v -77.94 h -416.8 v 559.13 h 404.94 v -77.94 H 5693.48 V 1366.4 h 245.67 v -76.24 h -245.67 v -166.05 h 326.15"
style="fill:#231f20;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path28" /></g></g></svg>

After

Width:  |  Height:  |  Size: 5.0 KiB

View File

@ -1,35 +0,0 @@
@import "util/util";
$global-font-size: 100%;
$global-width: rem-calc(1200);
$global-lineheight: 1.5;
$foundation-palette: (
primary: #1779ba,
secondary: #767676,
success: #3adb76,
warning: #ffae00,
alert: #cc4b37,
);
$light-gray: #e6e6e6;
$medium-gray: #cacaca;
$dark-gray: #8a8a8a;
$black: #0a0a0a;
$white: #fefefe;
$body-background: $white;
$body-font-color: $black;
$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
$body-antialiased: true;
$global-margin: 1rem;
$global-padding: 1rem;
$global-position: 1rem;
$global-weight-normal: normal;
$global-weight-bold: bold;
$global-radius: 0;
$global-menu-padding: 0.7rem 1rem;
$global-menu-nested-margin: 1rem;
$global-text-direction: ltr;
$global-flexbox: true;
$global-prototype-breakpoints: false;
$global-button-cursor: auto;
$global-color-pick-contrast-tolerance: 0;
$print-transparent-backgrounds: true;

View File

@ -1,12 +0,0 @@
@import "util/util";
@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,700,700i|Playfair+Display:400,400i&display=swap');
$foundation-palette: (
primary: #ffcc00,
secondary: #c5f4f2,
success: #3adb76,
warning: #ffae00,
alert: #cc4b37,
);
$global-font-size: 18px;
$body-font-family: 'EB Garamond', serif;

View File

@ -1,15 +0,0 @@
@import "util/util";
@import url('https://fonts.googleapis.com/css?family=IM+Fell+DW+Pica:400,400i|IM+Fell+English+SC|Lusitana:400,700&display=swap');
$brown: #520603;
$red: #dd231b;
$gold: #e8bf00;
$foundation-palette: (
primary: $red,
secondary: $gold,
success: #3adb76,
warning: #ffae00,
alert: #cc4b37,
);
$body-font-color: $brown;
$body-font-family: 'Lusitana', serif;

View File

@ -1,11 +0,0 @@
@import "util/util";
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,900,900i&display=swap');
$foundation-palette: (
primary: #007a76,
secondary: #c5f4f2,
success: #3adb76,
warning: #ffae00,
alert: #cc4b37,
);
$body-font-family: 'Source Sans Pro', sans-serif;

View File

@ -62,13 +62,54 @@
@import 'util/util'; @import 'util/util';
// 0. arcHIVE specific styles
// ---------
// global project styles
//@import "global/colors";
//@import "global/typography";
// 1. Global // 1. Global
// --------- // ---------
// Organized by theme: `_globals-THEME.scss` $global-font-size:100%;
$global-width: 100vw;
$global-lineheight: 1.5;
$foundation-palette: (
primary: $hyperlink-blue,
secondary: $desert-red,
success: $acid-green,
warning: $bloody-red,
alert: $bloody-red,
);
$light-gray: #e6e6e6;
$medium-gray: #cacaca;
$dark-gray: #8a8a8a;
$black: #0a0a0a;
$white: #fefefe;
$body-background: $white;
$body-font-color: $black;
$body-font-family: worksans-medium, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
$body-antialiased: true;
$global-margin: 2rem;
$global-padding: 1rem;
$global-position: 1rem;
$global-weight-normal: normal;
$global-weight-bold: bold;
$global-radius: 0;
$global-radius-archive: 2rem;
$global-menu-padding: 0.7rem 1rem;
$global-menu-nested-margin: 1rem;
$global-text-direction: ltr;
$global-flexbox: true;
$global-prototype-breakpoints: false;
$global-button-cursor: auto;
$global-color-pick-contrast-tolerance: 0;
$print-transparent-backgrounds: true;
$print-hrefs: true;
@include add-foundation-colors; @include add-foundation-colors;
$print-hrefs: true;
// 2. Breakpoints // 2. Breakpoints
// -------------- // --------------
@ -80,6 +121,13 @@ $breakpoints: (
xlarge: 1200px, xlarge: 1200px,
xxlarge: 1440px, xxlarge: 1440px,
); );
$breakpoints-hidpi: (
hidpi-1: 1,
hidpi-1-5: 1.5,
hidpi-2: 2,
retina: 2,
hidpi-3: 3
);
$print-breakpoint: large; $print-breakpoint: large;
$breakpoint-classes: (small medium large); $breakpoint-classes: (small medium large);
@ -108,17 +156,17 @@ $header-lineheight: 1.4;
$header-margin-bottom: 0.5rem; $header-margin-bottom: 0.5rem;
$header-styles: ( $header-styles: (
small: ( small: (
'h1': ('font-size': 24), 'h1': ('font-size': 36),
'h2': ('font-size': 20), 'h2': ('font-size': 30),
'h3': ('font-size': 19), 'h3': ('font-size': 23),
'h4': ('font-size': 18), 'h4': ('font-size': 18),
'h5': ('font-size': 17), 'h5': ('font-size': 17),
'h6': ('font-size': 16), 'h6': ('font-size': 16),
), ),
medium: ( medium: (
'h1': ('font-size': 48), 'h1': ('font-size': 58),
'h2': ('font-size': 40), 'h2': ('font-size': 52),
'h3': ('font-size': 31), 'h3': ('font-size': 40),
'h4': ('font-size': 25), 'h4': ('font-size': 25),
'h5': ('font-size': 20), 'h5': ('font-size': 20),
'h6': ('font-size': 16), 'h6': ('font-size': 16),
@ -126,18 +174,13 @@ $header-styles: (
); );
$header-text-rendering: optimizeLegibility; $header-text-rendering: optimizeLegibility;
$small-font-size: 80%; $small-font-size: 80%;
$header-small-font-color: $medium-gray; $header-small-font-color: $dark-gray;
$paragraph-lineheight: 1.6; $paragraph-lineheight: 1.6;
$paragraph-margin-bottom: 1rem; $paragraph-margin-bottom: 1rem;
$paragraph-text-rendering: optimizeLegibility; $paragraph-text-rendering: optimizeLegibility;
$code-color: $black; $enable-code-inline: true;
$code-font-family: $font-family-monospace;
$code-font-weight: $global-weight-normal;
$code-background: $light-gray;
$code-border: 1px solid $medium-gray;
$code-padding: rem-calc(2 5 1);
$anchor-color: $primary-color; $anchor-color: $primary-color;
$anchor-color-hover: scale-color($anchor-color, $lightness: -14%); $anchor-color-hover: $primary-color;//scale-color($anchor-color, $lightness: -14%);
$anchor-text-decoration: none; $anchor-text-decoration: none;
$anchor-text-decoration-hover: none; $anchor-text-decoration-hover: none;
$hr-width: $global-width; $hr-width: $global-width;
@ -155,9 +198,7 @@ $defnlist-term-margin-bottom: 0.3rem;
$blockquote-color: $dark-gray; $blockquote-color: $dark-gray;
$blockquote-padding: rem-calc(9 20 0 19); $blockquote-padding: rem-calc(9 20 0 19);
$blockquote-border: 1px solid $medium-gray; $blockquote-border: 1px solid $medium-gray;
$cite-font-size: rem-calc(13); $enable-cite-block: true;
$cite-color: $dark-gray;
$cite-pseudo-content: '\2014 \0020';
$keystroke-font: $font-family-monospace; $keystroke-font: $font-family-monospace;
$keystroke-color: $black; $keystroke-color: $black;
$keystroke-background: $light-gray; $keystroke-background: $light-gray;
@ -176,6 +217,17 @@ $subheader-font-weight: $global-weight-normal;
$subheader-margin-top: 0.2rem; $subheader-margin-top: 0.2rem;
$subheader-margin-bottom: 0.5rem; $subheader-margin-bottom: 0.5rem;
$stat-font-size: 2.5rem; $stat-font-size: 2.5rem;
$cite-color: $dark-gray;
$cite-font-size: rem-calc(13);
$cite-pseudo-content: '\2014 \0020';
$code-color: $black;
$code-font-family: $font-family-monospace;
$code-font-weight: $global-weight-normal;
$code-background: $light-gray;
$code-border: 1px solid $medium-gray;
$code-padding: rem-calc(2 5 1);
$code-block-padding: 1rem;
$code-block-margin-bottom: 1.5rem;
// 6. Abide // 6. Abide
// -------- // --------
@ -193,14 +245,16 @@ $input-error-font-weight: $global-weight-bold;
$accordion-background: $white; $accordion-background: $white;
$accordion-plusminus: true; $accordion-plusminus: true;
$accordion-plus-content: '\002B';
$accordion-minus-content: '\2013';
$accordion-title-font-size: rem-calc(12); $accordion-title-font-size: rem-calc(12);
$accordion-item-color: $primary-color; $accordion-item-color: $body-font-color;
$accordion-item-background-hover: $light-gray; $accordion-item-background-hover: none;
$accordion-item-padding: 1.25rem 1rem; $accordion-item-padding: $global-padding*1.5 0;
$accordion-content-background: $white; $accordion-content-background: $white;
$accordion-content-border: 1px solid $light-gray; $accordion-content-border: none;
$accordion-content-color: $body-font-color; $accordion-content-color: $body-font-color;
$accordion-content-padding: 1rem; $accordion-content-padding: $global-padding*1.5 0;
// 8. Accordion Menu // 8. Accordion Menu
// ----------------- // -----------------
@ -248,20 +302,23 @@ $breadcrumbs-item-separator-color: $medium-gray;
// ---------- // ----------
$button-font-family: inherit; $button-font-family: inherit;
$button-padding: 0.85em 1em; $button-font-weight: null;
$button-margin: 0 0 $global-margin 0; $button-font-variant: all-petite-caps;
$button-padding: $global-padding $global-padding*3;
$button-margin: 0;
$button-fill: solid; $button-fill: solid;
$button-background: $primary-color; $button-background: $primary-color;
$button-background-hover: scale-color($button-background, $lightness: -15%); $button-background-hover: scale-color($button-background, $lightness: -15%);
$button-color: $white; $button-color: $white;
$button-color-alt: $black; $button-color-alt: $black;
$button-radius: $global-radius; $button-radius: $global-radius-archive;
$button-hollow-border-width: 1px; $button-border: 1px solid transparent;
$button-hollow-border-width: 2px;
$button-sizes: ( $button-sizes: (
tiny: 0.6rem, tiny: 0.6rem,
small: 0.75rem, small: 0.75rem,
default: 0.9rem, default: 1.2rem,
large: 1.25rem, large: 1.5rem,
); );
$button-palette: $foundation-palette; $button-palette: $foundation-palette;
$button-opacity-disabled: 0.25; $button-opacity-disabled: 0.25;
@ -286,7 +343,11 @@ $callout-background: $white;
$callout-background-fade: 85%; $callout-background-fade: 85%;
$callout-border: 1px solid rgba($black, 0.25); $callout-border: 1px solid rgba($black, 0.25);
$callout-margin: 0 0 1rem 0; $callout-margin: 0 0 1rem 0;
$callout-padding: 1rem; $callout-sizes: (
small: 0.5rem,
default: 1rem,
large: 3rem,
);
$callout-font-color: $body-font-color; $callout-font-color: $body-font-color;
$callout-font-color-alt: $body-background; $callout-font-color-alt: $body-background;
$callout-radius: $global-radius; $callout-radius: $global-radius;
@ -295,19 +356,21 @@ $callout-link-tint: 30%;
// 14. Card // 14. Card
// -------- // --------
$card-background: $white; $card-background: unset;
$card-font-color: $body-font-color; $card-font-color: $body-font-color;
$card-divider-background: $light-gray; $card-divider-background: $light-gray;
$card-border: 1px solid $light-gray; $card-border: none;
$card-shadow: none; $card-shadow: none;
$card-border-radius: $global-radius; $card-border-radius: $global-radius;
$card-padding: $global-padding; $card-padding: $global-padding*4;
$card-margin-bottom: $global-margin; $card-margin-bottom: $global-margin*2;
// 15. Close Button // 15. Close Button
// ---------------- // ----------------
$closebutton-position: right top; $closebutton-position: right top;
$closebutton-z-index: 10;
$closebutton-default-size: medium;
$closebutton-offset-horizontal: ( $closebutton-offset-horizontal: (
small: 0.66rem, small: 0.66rem,
medium: 1rem, medium: 1rem,
@ -442,13 +505,16 @@ $menu-margin: 0;
$menu-nested-margin: $global-menu-nested-margin; $menu-nested-margin: $global-menu-nested-margin;
$menu-items-padding: $global-menu-padding; $menu-items-padding: $global-menu-padding;
$menu-simple-margin: 1rem; $menu-simple-margin: 1rem;
$menu-item-color-active: $white; $menu-item-color: $black;
$menu-item-background-active: get-color(primary); $menu-item-color-active: $anchor-color;
$menu-item-color-alt-active: $black;
$menu-item-background-active: $white;
$menu-icon-spacing: 0.25rem; $menu-icon-spacing: 0.25rem;
$menu-state-back-compat: true; $menu-state-back-compat: true;
$menu-centered-back-compat: true; $menu-centered-back-compat: true;
$menu-icons-back-compat: true; $menu-icons-back-compat: true;
$menu-anchor-color: $black;
$menu-anchor-color-hover: $anchor-color;
// 24. Meter // 24. Meter
// --------- // ---------
@ -514,6 +580,8 @@ $pagination-ellipsis-color: $black;
$pagination-mobile-items: false; $pagination-mobile-items: false;
$pagination-mobile-current-item: false; $pagination-mobile-current-item: false;
$pagination-arrows: true; $pagination-arrows: true;
$pagination-arrow-previous: '\00AB';
$pagination-arrow-next: '\00BB';
// 28. Progress Bar // 28. Progress Bar
// ---------------- // ----------------
@ -690,8 +758,10 @@ $prototype-text-overflow: ellipsis;
$responsive-embed-margin-bottom: rem-calc(16); $responsive-embed-margin-bottom: rem-calc(16);
$responsive-embed-ratios: ( $responsive-embed-ratios: (
default: 4 by 3, default: 16 by 9,
standard: 4 by 3,
widescreen: 16 by 9, widescreen: 16 by 9,
classicfilm: 3 by 2,
); );
// 47. Reveal // 47. Reveal
@ -735,6 +805,8 @@ $switch-paddle-background: $white;
$switch-paddle-offset: 0.25rem; $switch-paddle-offset: 0.25rem;
$switch-paddle-radius: $global-radius; $switch-paddle-radius: $global-radius;
$switch-paddle-transition: all 0.25s ease-out; $switch-paddle-transition: all 0.25s ease-out;
$switch-opacity-disabled: .5;
$switch-cursor-disabled: not-allowed;
// 50. Table // 50. Table
// --------- // ---------
@ -787,11 +859,11 @@ $thumbnail-radius: $global-radius;
// 53. Title Bar // 53. Title Bar
// ------------- // -------------
$titlebar-background: $black; $titlebar-background: $white;
$titlebar-color: $white; $titlebar-color: $black;
$titlebar-padding: 0.5rem; $titlebar-padding: 0.5rem;
$titlebar-text-font-weight: bold; $titlebar-text-font-weight: bold;
$titlebar-icon-color: $white; $titlebar-icon-color: $black;
$titlebar-icon-color-hover: $medium-gray; $titlebar-icon-color-hover: $medium-gray;
$titlebar-icon-spacing: 0.25rem; $titlebar-icon-spacing: 0.25rem;

View File

@ -1,6 +1,8 @@
@charset 'utf-8'; @charset 'utf-8';
@import 'globals-default'; @import 'global/globals-default';
@import 'global/colors';
@import 'global/typography';
@import 'settings'; @import 'settings';
@import 'foundation-core'; @import 'foundation-core';
@import 'omeka'; @import 'omeka';

View File

@ -0,0 +1,29 @@
// Text meant only for screen readers. Addresses part of theme-check issue #840.
// https://github.com/Automattic/_s/blob/master/style.css
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; // Above WP toolbar.
}

View File

@ -0,0 +1,28 @@
.brand-logo,.site-brand {
.site-name,.site-description {
display: none;
}
&::before {
content: '';
display:inline-block;
margin-top:-$global-padding;
width: 100%;
height: $global-padding*5;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
&.archive{
&::before {
max-width: 10rem;
background-image: url('../img/ARC-HIVE-logo.svg');
}
}
&.eu{
&::before {
max-width: 15rem;
// background-image: url('../img/eu_flag_creative_europe_co_funded_black_right.svg');
background-image: url('../img/eu_flag_creative_europe_co_funded_left.svg');
}
}
}

View File

@ -0,0 +1,12 @@
$stone-grey: #CCCCCC;
$acid-green: #69E344;
$bubblegum-pink: #F096F9;
$desert-red: #D75930;
$mustard-yellow: #F5C042;
$beach-blue: #5CC8D1;
$hyperlink-blue: #0000DD;
$bloody-red: #D32D1F;
$mid-grey: #808080;
$antracite-grey: #333333;
$forest-green: #1E6041;
$raspberry-purple: #54367B;

View File

@ -0,0 +1,42 @@
@import "util/util";
//$global-font-size: 100%;
//$global-width: rem-calc(1200);
//$global-lineheight: 1.5;
//$foundation-palette: (
// primary: #1779ba,
// secondary: #767676,
// success: #3adb76,
// warning: #ffae00,
// alert: #cc4b37,
//);
//$light-gray: #e6e6e6;
//$medium-gray: #cacaca;
//$dark-gray: #8a8a8a;
//$black: #0a0a0a;
//$white: #fefefe;
//$body-background: $white;
//$body-font-color: $black;
//$body-font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
//$body-antialiased: true;
//$global-margin: 1rem;
//$global-padding: 1rem;
//$global-position: 1rem;
//$global-weight-normal: normal;
//$global-weight-bold: bold;
//$global-radius: 0;
//$global-menu-padding: 0.7rem 1rem;
//$global-menu-nested-margin: 1rem;
//$global-text-direction: ltr;
//$global-flexbox: true;
//$global-prototype-breakpoints: false;
//$global-button-cursor: auto;
//$global-color-pick-contrast-tolerance: 0;
//$print-transparent-backgrounds: true;
//
// 0. arcHIVE specific styles
// ---------
// global project styles
//@import "colors";
//@import "typography";

View File

@ -0,0 +1,60 @@
/*
Frontend styles for gutenberg blocks
*/
/** === Base Color Palatte === */
@each $color, $code in $foundation-palette {
.has-#{$color}-background-color {
background-color: $code;
}
.has-#{$color}-color {
color: $code;
}
}
/** === Button === */
.wp-block-button {
// add general foundation button styling
.wp-block-button__link {
@extend .button;
@each $color, $code in $foundation-palette {
&.has-#{$color}-background-color {
background-color: $code;
}
&.has-#{$color}-color {
color: $code;
}
}
}
// add special styling for squared buttons
&.is-style-squared .wp-block-button__link {
border-radius: 0;
}
// add outline styles
&.is-style-outline .wp-block-button__link{
@extend .hollow;
}
// set transparent background to block for outline button
&.is-style-outline,
&.is-style-outline:hover,
&.is-style-outline:focus,
&.is-style-outline:active {
// background: transparent;
.wp-block-button__link{
// background: transparent;
}
}
}
/** === File === */
.wp-block-file .wp-block-file__button{
@include button();
}

View File

@ -0,0 +1,44 @@
@font-face {
font-family: 'worksans-medium';
src: url('../fonts/WorkSans-Medium.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'worksans-mediumitalic';
src: url('../fonts/WorkSans-MediumItalic.woff') format('woff');
font-weight: normal;
font-style: italic;
}
@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;
// }
//}

View File

@ -0,0 +1,23 @@
// Fix the issue where the WP admin-bar overlaps the mobile menu
#wpadminbar {
position: fixed !important;
}
// Make sure that the WP admin-bar does not overlap Foundation components
body.admin-bar {
// Offset sticky top bar
&.f-topbar-fixed {
.sticky.fixed {
margin-top: rem-calc(32);
}
}
// Offset mobile off-canvas menu
&.offcanvas {
.off-canvas.is-open {
top: rem-calc(46);
@include breakpoint(small) {
top: rem-calc(32);
}
}
}
}

View File

@ -0,0 +1,57 @@
//.wp-caption > figcaption {
// max-width: 100%;
// font-size: 0.8rem;
// color: #999;
// padding: 0.25rem 0;
//}
//
//p.wp-caption-text{
// font-size:90%;
// color: #666;
// padding:rem-calc(10) 0;
//}
//
//.alignleft {
// float: left;
// padding-right: 1rem;
// margin: 0;
//}
//
//.alignright {
// float: right;
// padding-left: 1rem;
// margin: 0;
//}
//
//.aligncenter {
// display: block;
// margin-left: auto;
// margin-right: auto;
//}
//
//.gallery {
// @include xy-grid;
// @include xy-gutters($negative: true);
// @for $i from 1 through 9 {
// &.gallery-columns-#{$i} {
// @include xy-grid-layout(2, '.gallery-item', true);
// }
// @include breakpoint(medium){
// &.gallery-columns-#{$i} {
// @include xy-grid-layout(4, '.gallery-item', true, (small: 30px));
// }
// }
// @include breakpoint(large) {
// &.gallery-columns-#{$i} {
// @include xy-grid-layout($i, '.gallery-item', true, (small: 30px));
// }
// }
// }
// .gallery-icon > a {
// @include thumbnail;
// @include thumbnail-link;
// }
// .gallery-icon > img {
// @include thumbnail;
// }
//}

View File

@ -1,56 +0,0 @@
@charset 'utf-8';
@import 'globals-default';
@import 'globals-inkwell';
@import 'settings';
// Sea Foam Settings
$topbar-background: transparent;
$header-font-family: "Playfair Display", serif;
$thumbnail-shadow-hover: 0 0 6px 1px rgba($primary-color, 0.5);
$button-color: $black;
@import 'foundation-core';
@import 'omeka';
body {
font-weight: 500;
}
header {
border-top: $global-padding solid $primary-color;
}
header a {
color: $black;
}
header .button {
border: 1px solid #000;
margin-left: -1px;
}
header .input-group-field {
border: 1px solid #000;
box-shadow: none;
}
a,
.breadcrumbs a {
color: $black;
}
body.vertical-menu header a {
color: #000;
text-decoration: underline;
}
label,
.label {
color: $black;
}

View File

@ -1,54 +0,0 @@
@charset 'utf-8';
@import 'globals-default';
@import 'globals-revolution';
@import 'settings';
// Revolution Settings
$header-font-family: 'IM Fell English SC', serif;
$subheader-font-family: 'IM Fell DW Pica', serif;
$topbar-background: transparent;
$thumbnail-border: 4px solid transparent;
$thumbnail-shadow: 0 0 0 1px $gold;
$thumbnail-shadow-hover: 0 0 6px 1px rgba($gold, 0.5);
@import 'foundation-core';
@import 'omeka';
body {
background: url('../img/revolution-bg.jpg') repeat;
background-size: auto;
}
body:not(.vertical-menu) header {
border-top: ($global-padding) solid $primary-color;
}
.fieldset {
border-color: $gold;
}
.resource-list .resource {
border-bottom-color: $gold;
}
.description.fadeout:after {
background: transparent url('../img/revolution-fade.png') no-repeat;
background-size: cover;
background-position: right;
right: -1rem;
}
@include breakpoint(medium up) {
body.vertical-menu {
background-image: none;
}
body.vertical-menu #content,
body.vertical-menu footer {
background: transparent url('../img/revolution-bg.jpg') repeat;
}
}

View File

@ -1,23 +0,0 @@
@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;
}

View File

@ -1,10 +1,10 @@
[info] [info]
name = "Archive" name = "arc-hive"
version = "1.0.0" version = "1.0.0"
author = "Hangar.org" author = "Hangar.org"
description = "A starter theme using the ZURB Foundation toolkit." description = "The arc-hive.zone Omeka S theme."
theme_link = "https://github.com/omeka-s-themes/foundation-s" theme_link = "https://git.hangar.org/arcHIVE-tech/Arc-hive-omeka-theme"
author_link = "https://omeka.org" author_link = "https://hangar.org"
omeka_version_constraint = "^3.0.0" omeka_version_constraint = "^3.0.0"
[config] [config]
@ -13,9 +13,9 @@ elements.stylesheet.attributes.id = "stylesheet"
elements.stylesheet.type = "Zend\Form\Element\Select" elements.stylesheet.type = "Zend\Form\Element\Select"
elements.stylesheet.options.label = "Stylesheet" elements.stylesheet.options.label = "Stylesheet"
elements.stylesheet.options.value_options.default = "Default" elements.stylesheet.options.value_options.default = "Default"
elements.stylesheet.options.value_options.revolution = "Revolution" #elements.stylesheet.options.value_options.revolution = "Revolution"
elements.stylesheet.options.value_options.seafoam = "Sea Foam" #elements.stylesheet.options.value_options.seafoam = "Sea Foam"
elements.stylesheet.options.value_options.inkwell = "Inkwell" #elements.stylesheet.options.value_options.inkwell = "Inkwell"
elements.nav_layout.name = "nav_layout" elements.nav_layout.name = "nav_layout"
elements.nav_layout.attributes.id = "nav_layout" elements.nav_layout.attributes.id = "nav_layout"
@ -48,7 +48,7 @@ elements.footer.attributes.id = "footer"
elements.footer.type = "Omeka\Form\Element\HtmlTextarea" elements.footer.type = "Omeka\Form\Element\HtmlTextarea"
elements.footer.options.label = "Footer Content" elements.footer.options.label = "Footer Content"
elements.footer.options.info = "HTML content to appear in the footer" elements.footer.options.info = "HTML content to appear in the footer"
elements.footer.attributes.value = "Powered by Omeka S" elements.footer.attributes.value = "Powered by Omeka S - powered by Hangar"
elements.browse_layout.name = "browse_layout" elements.browse_layout.name = "browse_layout"
elements.browse_layout.attributes.id = "browse_layout" elements.browse_layout.attributes.id = "browse_layout"

707
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -1,30 +1,30 @@
{ {
"name": "foundation-s-theme", "name": "arc-hive-theme",
"version": "1.0.0", "version": "1.0.0",
"description": "Omeka S theme using the ZURB Foundation toolkit.", "description": "arc-HIVE theme for Omeka S.",
"main": "gulpfile.js", "main": "gulpfile.js",
"scripts": { "scripts": {
"start": "gulp", "start": "gulp",
"build": "gulp sass" "build": "gulp sass"
}, },
"author": "Omeka Team <outreach@omeka.org>", "author": "Hangar<tech@hangar.org>",
"license": "MIT", "license": "MIT",
"bugs": { "bugs": {
"url": "https://github.com/omeka-s-themes/foundation-s/issues", "url": "https://git.hangar.org/arcHIVE-tech/Arc-hive-omeka-theme",
"email": "outreach@omeka.org" "email": "tech@hangar.org"
}, },
"dependencies": { "dependencies": {
"foundation-sites": "^6.6.3", "foundation-sites": "^6.6.3",
"gulp-cli": "^2.3.0", "gulp-cli": "^2.3.0",
"jquery": "^3.5.1", "jquery": "^3.6.0",
"motion-ui": "~2.0.0", "motion-ui": "~2.0.0",
"what-input": "^5.2.10" "what-input": "^5.2.10"
}, },
"devDependencies": { "devDependencies": {
"autoprefixer": "^9.8.6", "autoprefixer": "^9.8.6",
"browser-sync": "^2.26.12", "browser-sync": "^2.26.14",
"gulp": "^4.0.2", "gulp": "^4.0.2",
"gulp-load-plugins": "^2.0.4", "gulp-load-plugins": "^2.0.7",
"gulp-postcss": "^8.0.0", "gulp-postcss": "^8.0.0",
"gulp-sass": "^4.1.0", "gulp-sass": "^4.1.0",
"minimist": "^1.2.3" "minimist": "^1.2.3"
@ -35,7 +35,7 @@
], ],
"repository": { "repository": {
"type": "git", "type": "git",
"url": "https://github.com/zurb/foundation-sites-template.git" "url": "https://git.hangar.org/arcHIVE-tech/Arc-hive-omeka-theme"
}, },
"private": true "private": true
} }

BIN
theme.jpg

Binary file not shown.

Before

Width:  |  Height:  |  Size: 466 KiB

After

Width:  |  Height:  |  Size: 53 KiB

View File

@ -3,13 +3,13 @@
<div class="title-bar" data-responsive-toggle="responsive-menu" data-hide-for="large"> <div class="title-bar" data-responsive-toggle="responsive-menu" data-hide-for="large">
<button class="menu-toggle" type="button" data-toggle="offCanvas" aria-label="<?php echo $this->translate('Menu'); ?>"><i class="fas fa-bars"></i></button> <button class="menu-toggle" type="button" data-toggle="offCanvas" aria-label="<?php echo $this->translate('Menu'); ?>"><i class="fas fa-bars"></i></button>
</div> </div>
<!--
<?php if ($this->themeSetting('logo')): ?> <?php if ($this->themeSetting('logo')): ?>
<a href="<?php echo $site->url(); ?>" class="site-title"><img src="<?php echo $this->themeSettingAssetUrl('logo'); ?>" title="Logo"></a> <a href="<?php echo $site->url(); ?>" class="site-title"><img src="<?php echo $this->themeSettingAssetUrl('logo'); ?>" alt="<?php echo $site->title(); ?>" title="<?php echo $site->title(); ?>"></a>
<?php else: ?> <?php else: ?>
<a href="<?php echo $site->url(); ?>" class="site-title"><?php echo $this->pageTitle($site->title()); ?></a> <a href="<?php echo $site->url(); ?>" class="site-title"><?php echo $this->pageTitle($site->title()); ?></a>
<?php endif; ?> <?php endif; ?>
-->
</nav> </nav>
<div class="top-bar-right" id="responsive-menu"> <div class="top-bar-right" id="responsive-menu">
<?php echo $site->publicNav()->menu()->setPartial('common/foundation-navigation.phtml')->renderPartialWithParams(['layout' => 'dropdown']); ?> <?php echo $site->publicNav()->menu()->setPartial('common/foundation-navigation.phtml')->renderPartialWithParams(['layout' => 'dropdown']); ?>

View File

@ -11,10 +11,10 @@ if (isset($stylesheet)) {
$this->headLink()->prependStylesheet($this->assetUrl('css/default.css')); $this->headLink()->prependStylesheet($this->assetUrl('css/default.css'));
} }
$this->headLink()->prependStylesheet($this->assetUrl('css/iconfonts.css', 'Omeka')); $this->headLink()->prependStylesheet($this->assetUrl('css/iconfonts.css', 'Omeka'));
$this->headScript()->prependFile('//cdn.jsdelivr.net/npm/foundation-sites@6.5.3/dist/js/foundation.min.js', 'text/javascript', [ // $this->headScript()->prependFile('//cdn.jsdelivr.net/npm/foundation-sites@6.5.3/dist/js/foundation.min.js', 'text/javascript', [
'integrity' => 'sha256-/PFxCnsMh+nTuM0k3VJCRch1gwnCfKjaP8rJNq5SoBg= sha384-9ksAFjQjZnpqt6VtpjMjlp2S0qrGbcwF/rvrLUg2vciMhwc1UJJeAAOLuJ96w+Nj sha512-UMSn6RHqqJeJcIfV1eS2tPKCjzaHkU/KqgAnQ7Nzn0mLicFxaVhm9vq7zG5+0LALt15j1ljlg8Fp9PT1VGNmDw==', // 'integrity' => 'sha256-/PFxCnsMh+nTuM0k3VJCRch1gwnCfKjaP8rJNq5SoBg= sha384-9ksAFjQjZnpqt6VtpjMjlp2S0qrGbcwF/rvrLUg2vciMhwc1UJJeAAOLuJ96w+Nj sha512-UMSn6RHqqJeJcIfV1eS2tPKCjzaHkU/KqgAnQ7Nzn0mLicFxaVhm9vq7zG5+0LALt15j1ljlg8Fp9PT1VGNmDw==',
'crossorigin' => 'anonymous' // 'crossorigin' => 'anonymous'
]); // ]);
$this->headScript()->prependFile($this->assetUrl('js/global.js', 'Omeka')); $this->headScript()->prependFile($this->assetUrl('js/global.js', 'Omeka'));
$this->headScript()->prependFile($this->assetUrl('js/expand-site-list-item.js')); $this->headScript()->prependFile($this->assetUrl('js/expand-site-list-item.js'));
@ -30,12 +30,12 @@ $this->htmlElement('body')->appendAttribute('class', $navLayout . '-menu');
if ($userBar) { if ($userBar) {
$this->htmlElement('body')->appendAttribute('class', 'user-bar'); $this->htmlElement('body')->appendAttribute('class', 'user-bar');
} }
/*
$logo = $this->themeSettingAssetUrl('logo'); $logo = $this->themeSettingAssetUrl('logo');
if ($logo): if ($logo):
$title = '<img src="' . $this->escapeHtml($logo) . '">'; $titlelogo = '<img class="archive-logo" src="' . $this->escapeHtml($logo) . '"' . 'alt="' . $site->title() . '"' . '>';
endif; endif;
*/
?> ?>
<?php echo $this->doctype(); ?> <?php echo $this->doctype(); ?>
<?php echo $this->htmlElement('html'); ?> <?php echo $this->htmlElement('html'); ?>
@ -60,13 +60,9 @@ endif;
<a id="skipnav" href="#content"><?php echo $this->translate('Skip to main content'); ?></a> <a id="skipnav" href="#content"><?php echo $this->translate('Skip to main content'); ?></a>
<?php echo $userBar; ?> <?php echo $userBar; ?>
<a href="/"> <!-- <a href="/"> -->
<img class="archive-logo" <?php //echo $titlelogo; ?>
src="<?= $this->assetUrl("img/arc-hive-logo.jpg") ?>" <!-- </a> -->
/>
</a>
<img id="archive_header_img" />
<h1 id="archive_page_title" <h1 id="archive_page_title"
class="archive-page-title"> class="archive-page-title">