add content backgrounds, add image

4 years ago · fa71e28bf8
parent eed1457163
commit fa71e28bf8
3 changed files with 17 additions and 4 deletions
--- a/assets/images/me.png
+++ b/assets/images/me.png
--- a/assets/sass/main.sass
+++ b/assets/sass/main.sass
@ -29,7 +29,15 @@ h3

 #website-title
  font-size: 4.5em
+  margin-top: 30px
+  margin-left: 30px
  font-family: $website-title-font-stack
  font-weight: bold
  color: $color-white

+.beige-content-block
+  background: $color-beige
+
+.brown-content-block
+  background: $color-light-brown
+
--- a/layouts/index.html
+++ b/layouts/index.html
@ -5,7 +5,7 @@
        {{ partial "script.html" . }}
    </head>
    <body>
-        <div class="grid-container">
+        <div class="grid-container full">
            <div class="grid-x">
                <div class="cell">
                    <p id="website-title">Florian Schrofner</p>
@ -13,15 +13,20 @@
            </div>

            <div class="grid-x align-center">
-                <div class="cell large-10">
+                {{ $picture := resources.Get "images/me.png"}}
+                <img src="{{$picture.Permalink}}"/>
+            </div>
+
+            <div class="grid-x align-center beige-content-block">
+                <div class="cell large-6">
                    {{ with .Site.GetPage "/intro" }}
                    {{.Content}}
                    {{ end }}
                </div>
            </div>

-            <div class="grid-x align-center">
-                <div class="cell large-10">
+            <div class="grid-x align-center brown-content-block">
+                <div class="cell large-6">
                    {{ with .Site.GetPage "/section" }}
                    {{.Content}}
                    {{ end }}