Weghalen oude darkgreen, toevoegen kleurnamen, kleur footer, kleur knoppen, hightlightbox in huisstijl
This commit is contained in:
Michael Boelen
parent
a78a995ea0
commit
3001ab9199
5 changed files with 32 additions and 28 deletions
|
|
@ -11,25 +11,29 @@
|
|||
|
||||
// Mignight blue:
|
||||
// Original: #26266B
|
||||
$midnight-blue-dark: #26266B;
|
||||
// CSS filter: filter: invert(19%) sepia(64%) saturate(973%) hue-rotate(209deg) brightness(83%) contrast(105%);
|
||||
// Medium: #515189
|
||||
$midnight-blue-medium: #515189;
|
||||
// CSS filter: filter: invert(32%) sepia(28%) saturate(906%) hue-rotate(201deg) brightness(91%) contrast(86%);
|
||||
// Light: #7D7DA6
|
||||
$midnight-blue-light: #7D7DA6;
|
||||
|
||||
// Magenta
|
||||
// Original: #FA198B
|
||||
// Medium: #FB47A2
|
||||
// Light: #FC75B9
|
||||
$magenta-dark: #FA198B;
|
||||
$magenta-medium: #FB47A2;
|
||||
$magenta-light: #FC75B9;
|
||||
|
||||
// Persian green
|
||||
// Original: #1B998B
|
||||
// Medium: #49ADA2
|
||||
// Light: #76C2B9
|
||||
$persian-green-dark: #1B998B;
|
||||
$persian-green-medium: #49ADA2;
|
||||
$persian-green-light: #76C2B9;
|
||||
|
||||
// Amber
|
||||
// Original: #F2BB05
|
||||
// Medium: #F5C937
|
||||
// Light: #F7D669
|
||||
$amber-dark: #F2BB05;
|
||||
$amber-medium: #F5C937;
|
||||
$amber-light: #F7D669;
|
||||
|
||||
// Raisin black
|
||||
$raisin-black-dark: #222226;
|
||||
|
|
@ -37,34 +41,34 @@ $raisin-black-medium: #4E4E51;
|
|||
$raisin-black-light: #7A7A7D;
|
||||
|
||||
// Ghost white
|
||||
// Original: #FAFAFF
|
||||
// Medium: #FBFBFF
|
||||
// Light: #FCFCFF
|
||||
$ghost-white-dark: #FAFAFF;
|
||||
$ghost-white-medium: #FBFBFF;
|
||||
$ghost-white-light: #FCFCFF;
|
||||
|
||||
|
||||
//$color-button: #26266B;
|
||||
$color-button: #1B998B;
|
||||
$color-button: $midnight-blue-dark;
|
||||
//$color-button-hover: #17274d;
|
||||
$color-button-hover: #49ADA2;
|
||||
$color-button-hover: $midnight-blue-medium;
|
||||
//$color-button-call-to-action: #138808;
|
||||
$color-button-call-to-action: #F2BB05;
|
||||
$color-button-call-to-action: $midnight-blue-dark;
|
||||
//$color-button-call-to-action-hover: #0F6D06; // %25 donkerder dan #138808 met encycolorpedia
|
||||
$color-button-call-to-action-hover: #F5C937;
|
||||
$color-button-call-to-action-hover: $midnight-blue-medium;
|
||||
|
||||
$color-footer-background: #7D7DA6;
|
||||
$color-footer-background: $persian-green-light;
|
||||
$color-footer-text: $raisin-black-dark;
|
||||
|
||||
//$color-header: #6A2060;
|
||||
$color-header: #26266B;
|
||||
|
||||
//$color-highlight-box-other-border: #99AFE2;
|
||||
$color-highlight-box-other-border: #515189;
|
||||
$color-highlight-box-other-border: $magenta-medium;
|
||||
//$color-highlight-box-other-background: #E3E9F7;
|
||||
$color-highlight-box-other-background: #7D7DA6;
|
||||
$color-highlight-box-other-background: $magenta-light;
|
||||
//$color-highlight-box-nluug-border: #6A2060;
|
||||
$color-highlight-box-nluug-border: #515189;
|
||||
$color-highlight-box-nluug-border: $magenta-medium;
|
||||
//$color-highlight-box-nluug-background: #F5E1ED;
|
||||
$color-highlight-box-nluug-background: #7D7DA6;
|
||||
$color-highlight-box-nluug-background: $magenta-light;
|
||||
|
||||
//$color-border: #6A2060;
|
||||
$color-border: #26266B;
|
||||
|
|
|
|||
|
|
@ -81,11 +81,11 @@ h4, h5, strong, b {
|
|||
// Events voor alleen NLUUG-leden krijgen een andere kleur dan events in samenwerking met of die extra aandacht nodig hebben.
|
||||
.highlight-box-nluug {
|
||||
background-color: $color-highlight-box-nluug-background;
|
||||
border: 2px solid $color-highlight-box-nluug-border;
|
||||
border: 1px solid $color-highlight-box-nluug-border;
|
||||
}
|
||||
.highlight-box-other {
|
||||
background-color: $color-highlight-box-other-background;
|
||||
border: 2px solid $color-highlight-box-other-border;
|
||||
border: 1px solid $color-highlight-box-other-border;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -130,8 +130,8 @@ a.button:hover, a.button:active {
|
|||
background-color: $color-button-call-to-action-hover;
|
||||
}
|
||||
|
||||
.darkgreen {
|
||||
color: darkgreen;
|
||||
.persian-green-dark {
|
||||
color: $persian-green-dark;
|
||||
}
|
||||
|
||||
.darkred {
|
||||
|
|
|
|||
|
|
@ -119,7 +119,7 @@
|
|||
|
||||
{{ $cfp_open := .Scratch.Get "cfp_open" }}
|
||||
{{ if $cfp_open }}
|
||||
<p class="darkgreen">De CFP is geopend!</p>
|
||||
<p>De CFP is geopend!</p>
|
||||
<p>Wil je graag een bepaalde spreker zien? Contacteer onze <a href="{{ relref . "organisatie/commissies/pc/index.md" }}">programmacommissie</a>.</p>
|
||||
<p>Heb je zelf een leuke presentatie in gedachten? Dien dan een voorstel in!</p>
|
||||
<a class="btn btn-cta" href="{{ if .Params.event_cfp_link }}{{ .Params.event_cfp_link }}{{ else }}https://cfp.nluug.nl/{{ end }}" rel="nofollow noopener">Voorstel indienen</a>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<div class="max-width ta-r">
|
||||
{{ range $index,$key := .status }}
|
||||
{{ if eq $.Site.Language.Lang .language }}
|
||||
<span class="darkgreen bold">{{ .message }}</span>
|
||||
<span class="persian-green-dark bold">{{ .message }}</span>
|
||||
{{ range .links }}
|
||||
<small>
|
||||
{{ if .link }}[<a href="{{ relref $context .link }}">{{ .name }}</a>]{{ end }}
|
||||
|
|
|
|||
|
|
@ -14,10 +14,10 @@
|
|||
{{ if .Params.event_cfp_close_date }}
|
||||
{{ $event_cfp_close_date := .Params.event_cfp_close_date | time }}
|
||||
{{ if le now $event_cfp_close_date }}
|
||||
<p>CFP: <strong class="darkgreen"><a href="{{ .Params.event_cfp_link }}">Geopend</a></strong></p>
|
||||
<p>CFP: <strong><a href="{{ .Params.event_cfp_link }}">Geopend</a></strong></p>
|
||||
{{ end }}
|
||||
{{ else }}
|
||||
<p>CFP: <strong class="darkgreen"><a href="{{ .Params.event_cfp_link }}">Geopend</a></strong></p>
|
||||
<p>CFP: <strong><a href="{{ .Params.event_cfp_link }}">Geopend</a></strong></p>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
|
|
|
|||
Loading…
Reference in a new issue