schrofi
/
schro.fi
1
0
Fork 0
Code Releases Activity

start using foundation

Browse Source
master
Florian Schrofner 4 years ago
parent ecf9bc484b
commit eed1457163
6 changed files with 49 additions and 23 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  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

27
assets/sass/fonts.sass → assets/sass/_fonts.sass
Unescape 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-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")

11
assets/sass/main.sass
Unescape View File

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

30
layouts/index.html
Unescape View File

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

2
layouts/partials/script.html
Unescape View File

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

1
resources/_gen/assets/sass/sass/main.sass_53f3898349edb2b37d3b88b00109892b.content
Unescape 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}

1
resources/_gen/assets/sass/sass/main.sass_53f3898349edb2b37d3b88b00109892b.json
Unescape View File

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