1
0
Fork 0

start using foundation

master
Florian Schrofner 4 years ago
parent ecf9bc484b
commit eed1457163
  1. 27
      assets/sass/_fonts.sass
  2. 11
      assets/sass/main.sass
  3. 30
      layouts/index.html
  4. 2
      layouts/partials/script.html
  5. 1
      resources/_gen/assets/sass/sass/main.sass_53f3898349edb2b37d3b88b00109892b.content
  6. 1
      resources/_gen/assets/sass/sass/main.sass_53f3898349edb2b37d3b88b00109892b.json

@ -1,28 +1,33 @@
$fira-sans-font-path: '{{ "fonts/fira-sans" | absURL }}'
$lc-pro-font-path: '{{ "fonts/learning-curve" | absURL }}'
/* font definitions
@font-face
$fira-sans-font-path: "/fonts/fira-sans"
$lc-pro-font-path: "/fonts/learning-curve"
@font-face
font-family: "Fira Sans"
font-style: 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-style: normal
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-style: 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-style: 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")

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

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

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

@ -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}

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