diff options
Diffstat (limited to 'blog/_assets')
20 files changed, 187 insertions, 0 deletions
diff --git a/blog/_assets/images/.gitkeep b/blog/_assets/images/.gitkeep new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/blog/_assets/images/.gitkeep diff --git a/blog/_assets/images/2014/NORSKURSKOG_front_cover.jpg b/blog/_assets/images/2014/NORSKURSKOG_front_cover.jpg Binary files differnew file mode 100644 index 0000000..b9fdd95 --- /dev/null +++ b/blog/_assets/images/2014/NORSKURSKOG_front_cover.jpg diff --git a/blog/_assets/images/2014/cds-arrived.jpg b/blog/_assets/images/2014/cds-arrived.jpg Binary files differnew file mode 100644 index 0000000..9162607 --- /dev/null +++ b/blog/_assets/images/2014/cds-arrived.jpg diff --git a/blog/_assets/images/2014/endolith-live.jpg b/blog/_assets/images/2014/endolith-live.jpg Binary files differnew file mode 100644 index 0000000..6ba0265 --- /dev/null +++ b/blog/_assets/images/2014/endolith-live.jpg diff --git a/blog/_assets/images/2014/endolith-promo.jpg b/blog/_assets/images/2014/endolith-promo.jpg Binary files differnew file mode 100644 index 0000000..98c739c --- /dev/null +++ b/blog/_assets/images/2014/endolith-promo.jpg diff --git a/blog/_assets/images/2014/unspoken-live.jpg b/blog/_assets/images/2014/unspoken-live.jpg Binary files differnew file mode 100644 index 0000000..9a7729a --- /dev/null +++ b/blog/_assets/images/2014/unspoken-live.jpg diff --git a/blog/_assets/images/2014/unspoken-promo.jpg b/blog/_assets/images/2014/unspoken-promo.jpg Binary files differnew file mode 100644 index 0000000..55ff848 --- /dev/null +++ b/blog/_assets/images/2014/unspoken-promo.jpg diff --git a/blog/_assets/images/2014/wyruz-live.jpg b/blog/_assets/images/2014/wyruz-live.jpg Binary files differnew file mode 100644 index 0000000..675865d --- /dev/null +++ b/blog/_assets/images/2014/wyruz-live.jpg diff --git a/blog/_assets/images/2014/wyruz-promo.jpg b/blog/_assets/images/2014/wyruz-promo.jpg Binary files differnew file mode 100644 index 0000000..e326a76 --- /dev/null +++ b/blog/_assets/images/2014/wyruz-promo.jpg diff --git a/blog/_assets/images/background.jpg b/blog/_assets/images/background.jpg Binary files differnew file mode 100644 index 0000000..c650208 --- /dev/null +++ b/blog/_assets/images/background.jpg diff --git a/blog/_assets/images/header.png b/blog/_assets/images/header.png Binary files differnew file mode 100644 index 0000000..649999a --- /dev/null +++ b/blog/_assets/images/header.png diff --git a/blog/_assets/images/logos/ET-logo.jpg b/blog/_assets/images/logos/ET-logo.jpg Binary files differnew file mode 100644 index 0000000..753573f --- /dev/null +++ b/blog/_assets/images/logos/ET-logo.jpg diff --git a/blog/_assets/images/logos/Symphonium.jpg b/blog/_assets/images/logos/Symphonium.jpg Binary files differnew file mode 100644 index 0000000..8eccf4f --- /dev/null +++ b/blog/_assets/images/logos/Symphonium.jpg diff --git a/blog/_assets/javascripts/.gitkeep b/blog/_assets/javascripts/.gitkeep new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/blog/_assets/javascripts/.gitkeep diff --git a/blog/_assets/stylesheets/.gitkeep b/blog/_assets/stylesheets/.gitkeep new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/blog/_assets/stylesheets/.gitkeep diff --git a/blog/_assets/stylesheets/_common.scss b/blog/_assets/stylesheets/_common.scss new file mode 100644 index 0000000..a392022 --- /dev/null +++ b/blog/_assets/stylesheets/_common.scss @@ -0,0 +1,5 @@ +@mixin round-corners { + border: { + radius: 5px; + } +} diff --git a/blog/_assets/stylesheets/_config.scss b/blog/_assets/stylesheets/_config.scss new file mode 100644 index 0000000..68fb2b6 --- /dev/null +++ b/blog/_assets/stylesheets/_config.scss @@ -0,0 +1,13 @@ +$body-bg: black; +$text-color: #aaa; +$link-color: #686; +$link-hover-color: lighten(#686, 5%); +$side-bar-background: rgba(20, 20, 20, 0.7); +$menu-bar-background: rgba(128, 256, 128, 0.15); + + +$nav-link-padding: 5px 10px; +$nav-link-hover-bg: rgba(128, 256, 128, 0.2); +$nav-link-hover-color: #ccf; +$nav-pills-active-link-hover-bg: $nav-link-hover-bg; +$nav-pills-active-link-hover-color: $nav-link-hover-color; diff --git a/blog/_assets/stylesheets/_header.scss b/blog/_assets/stylesheets/_header.scss new file mode 100644 index 0000000..7998bb5 --- /dev/null +++ b/blog/_assets/stylesheets/_header.scss @@ -0,0 +1,20 @@ +#header { + width: 100%; + font-size: 110%; + font-weight: 600; + + #logo { + position: relative; + width: 479px; + text-align: center; + p { + margin-top: 0; + } + } + + #banner-pos-1 { + position: absolute; + top: 1.5em; + right: 0; + } +} diff --git a/blog/_assets/stylesheets/_navbar.scss b/blog/_assets/stylesheets/_navbar.scss new file mode 100644 index 0000000..f5c46f5 --- /dev/null +++ b/blog/_assets/stylesheets/_navbar.scss @@ -0,0 +1,31 @@ +#header { + .site-nav { + background: { + color: $menu-bar-background; + } + @include round-corners; + width: 100%; + border: { + bottom: 1px solid darkgray; + top: 1px solid darkgray; + } + + a { + text-decoration: none; + color: $link-color; + padding: { + top: 1.5mm; + bottom: 1.5mm; + left: 2mm; + right: 2mm; + } + &:hover { + background-color: $nav-link-hover-bg; + color: $nav-link-hover-color; + } + } + &.menu-flags { + float: right; + } + } +} diff --git a/blog/_assets/stylesheets/main.scss b/blog/_assets/stylesheets/main.scss new file mode 100644 index 0000000..a6abce1 --- /dev/null +++ b/blog/_assets/stylesheets/main.scss @@ -0,0 +1,118 @@ +--- +# Only the main Sass file needs front matter (the dashes are enough) +--- +@import "config"; +@import "common"; +@import "header"; +@import "navbar"; + +body { + background-color: black; + color: $text-color; + line-height: 135%; + + background: { + image: url({{ "/assets/images/background.jpg" | prepend: site.baseurl_root }}); + repeat: no-repeat; + position: center top; + color: black; + } +} + +a { + color: $link-color; + &:hover { + color: $link-hover-color; + } +} + +#page-container { + position: relative; + width: 28cm; + margin: { + top: 10mm; + left: auto; + right: auto; + } + footer { + clear: both; + } +} + +#body-content { + position: relative; + min-height: 700px; + + padding: 1em; + @include round-corners; + + #body { + padding-right: 20em; + } + + #side_body { + position: absolute; + width: 244px; + bottom: 1em; + right: 1em; + top: 1em; + overflow: auto; + .inner { + padding: 10px; + } + background: { + color: $side-bar-background + } + @include round-corners; + + h1 { + font: { + size: 20px; + weight: bold; + } + } + + h2 { + font: { + size: 16px; + weight: bold; + } + } + + h3 { + font: { + size: 12px; + weight: bold; + } + } + } + + #news, #links { + width: 8.55cm; + float: left; + margin-right: 5mm; + + header { + date { + font-size: 10pt; + } + h1 { + font: { + size: 13pt; + weight: bold; + } + margin: { + bottom: 5mm; + top: 0; + } + a { + text-decoration: none; + } + } + } + + &.wide { + width: 100%; + } + } +} |
