1
0
Fork 0

start using foundation

master
Florian Schrofner 2019-08-18 19:27:03 +02:00
parent ecf9bc484b
commit eed1457163
6 changed files with 49 additions and 23 deletions

View File

@ -1,28 +1,33 @@
$fira-sans-font-path: '{{ "fonts/fira-sans" | absURL }}'
$lc-pro-font-path: '{{ "fonts/learning-curve" | absURL }}'
/* font definitions /* font definitions
$fira-sans-font-path: "/fonts/fira-sans"
$lc-pro-font-path: "/fonts/learning-curve"
@font-face @font-face
font-family: "Fira Sans" font-family: "Fira Sans"
font-style: normal font-style: normal
font-weight: normal font-weight: normal
src: local("Fira Sans Regular"), local("FiraSans-Regular"), url(#{$fira-sans-font-path}/FiraSans-Regular.ttf) format("woff2") src: local("Fira Sans Regular"), local("FiraSans-Regular"), url(#{$fira-sans-font-path}/FiraSans-Regular.ttf) format("truetype")
@font-face @font-face
font-family: "Fira Sans" font-family: "Fira Sans"
font-style: normal font-style: normal
font-weight: bold font-weight: bold
src: local("Fira Sans Bold"), local("FiraSans-Bold"), url(#{$fira-sans-font-path}/FiraSans-Bold.ttf) format("woff2") src: local("Fira Sans Bold"), local("FiraSans-Bold"), url(#{$fira-sans-font-path}/FiraSans-Bold.ttf) format("truetype")
@font-face @font-face
font-family: "Fira Sans Medium" font-family: "Fira Sans Medium"
font-style: normal font-style: normal
font-weight: normal font-weight: normal
src: local("Fira Sans Medium"), local("FiraSans-Medium"), url(#{$fira-sans-font-path}/FiraSans-Medium.ttf) format("woff2") src: local("Fira Sans Medium"), local("FiraSans-Medium"), url(#{$fira-sans-font-path}/FiraSans-Medium.ttf) format("truetype")
@font-face @font-face
font-family: "Learning Curve Pro" font-family: "Learning Curve Pro"
font-style: normal font-style: normal
font-weight: normal font-weight: normal
src: local("Learning Curve Pro Regular"), local("LearningCurvePro-Regular"), url(#{$lc-pro-font-path}/learning_curve_regular_ot_tt.ttf) format("woff2") src: local("Learning Curve Pro Regular"), local("LearningCurvePro-Regular"), url(#{$lc-pro-font-path}/learning_curve_regular_ot_tt.ttf) format("truetype")
@font-face
font-family: "Learning Curve Pro"
font-style: normal
font-weight: bold
src: local("Learning Curve Pro Bold"), local("LearningCurvePro-Bold"), url(#{$lc-pro-font-path}/learning_curve_bold_ot_tt.ttf) format("truetype")

View File

@ -1,7 +1,7 @@
@import "fonts" @import "fonts"
/* font stack definitions /* font stack definition
$font-stack: "Fira Sans", sans-serif $regular-font-stack: "Fira Sans", sans-serif
$medium-font-stack: "Fira Sans Medium", sans-serif $medium-font-stack: "Fira Sans Medium", sans-serif
$website-title-font-stack: "Learning Curve Pro" $website-title-font-stack: "Learning Curve Pro"
@ -14,7 +14,7 @@ $color-dark-brown: #52453F
$color-white: #FFFFFF $color-white: #FFFFFF
body body
font: 100% $font-stack font: 100% $regular-font-stack
color: $color-dark-brown color: $color-dark-brown
background: $color-mint background: $color-mint
@ -28,7 +28,8 @@ h3
font: 200% $medium-font-stack font: 200% $medium-font-stack
#website-title #website-title
font: 300% $website-title-font-stack font-size: 4.5em
font-weight: normal font-family: $website-title-font-stack
font-weight: bold
color: $color-white color: $color-white

View File

@ -2,15 +2,31 @@
<html lang="{{ .Site.LanguageCode }}"> <html lang="{{ .Site.LanguageCode }}">
<head> <head>
{{ partial "css.html" . }} {{ partial "css.html" . }}
{{ partial "script.html" . }}
</head> </head>
<body> <body>
<p id="website-title">Florian Schrofner</p> <div class="grid-container">
{{ with .Site.GetPage "/intro" }} <div class="grid-x">
{{.Content}} <div class="cell">
{{ end }} <p id="website-title">Florian Schrofner</p>
</div>
</div>
{{ with .Site.GetPage "/section" }} <div class="grid-x align-center">
{{.Content}} <div class="cell large-10">
{{ end }} {{ with .Site.GetPage "/intro" }}
{{.Content}}
{{ end }}
</div>
</div>
<div class="grid-x align-center">
<div class="cell large-10">
{{ with .Site.GetPage "/section" }}
{{.Content}}
{{ end }}
</div>
</div>
</div>
</body> </body>
</html> </html>

View File

@ -0,0 +1,2 @@
{{ $foundation := "foundation/js/vendor/foundation.min.js" | absURL }}
<script src="{{ $foundation }}"></script>

View File

@ -0,0 +1 @@
@font-face{font-family:fira sans;font-style:normal;font-weight:400;src:local("Fira Sans Regular"),local(FiraSans-Regular),url(/fonts/fira-sans/FiraSans-Regular.ttf) format("truetype")}@font-face{font-family:fira sans;font-style:normal;font-weight:700;src:local("Fira Sans Bold"),local(FiraSans-Bold),url(/fonts/fira-sans/FiraSans-Bold.ttf) format("truetype")}@font-face{font-family:fira sans medium;font-style:normal;font-weight:400;src:local("Fira Sans Medium"),local(FiraSans-Medium),url(/fonts/fira-sans/FiraSans-Medium.ttf) format("truetype")}@font-face{font-family:learning curve pro;font-style:normal;font-weight:400;src:local("Learning Curve Pro Regular"),local(LearningCurvePro-Regular),url(/fonts/learning-curve/learning_curve_regular_ot_tt.ttf) format("truetype")}@font-face{font-family:learning curve pro;font-style:normal;font-weight:700;src:local("Learning Curve Pro Bold"),local(LearningCurvePro-Bold),url(/fonts/learning-curve/learning_curve_bold_ot_tt.ttf) format("truetype")}body{font:100% fira sans,sans-serif;color:#52453f;background:#bfcecd}h1{font:300% fira sans medium,sans-serif}h2{font:250% fira sans medium,sans-serif}h3{font:200% fira sans medium,sans-serif}#website-title{font-size:4.5em;font-family:learning curve pro;font-weight:700;color:#fff}

View File

@ -0,0 +1 @@
{"Target":"css/main.min.css","MediaType":"text/css","Data":{}}