Browse Source

Update stuff

remotes/gitlab/master
deing 5 months ago
parent
commit
4ba57a7fcb
3 changed files with 35 additions and 1 deletions
  1. 1
    0
      .gitignore
  2. 1
    1
      src/md/index.md
  3. 33
    0
      src/sass/main.sass

+ 1
- 0
.gitignore View File

@@ -0,0 +1 @@
1
+public/

+ 1
- 1
src/md/index.md View File

@@ -15,7 +15,7 @@ I'm David and you most likely know me by my online handle __deing__ or some vari
15 15
 
16 16
 ## Miscellaneous Trivia
17 17
 
18
-I'm an Ordoliberalist, Humanist and agnostic. This URL was decided on at 2:30 in the morning and I don't remember why. Interests of mine include D&D, creative writing, Linux, stage equipment, Person of Interest, Stargate, instrumental remixes of music that's older than me, weird socks, girls, boys and everyone in between.  
18
+I'm an Ordoliberalist, Humanist and agnostic. This URL was decided on at 2:30 in the morning and I don't remember why. Interests of mine include D&D, creative writing, Linux, stage equipment, Person of Interest, Stargate, instrumental remixes of music that's older than me, weird socks, guys, gals and everyone in between.  
19 19
 This page is created using Pandoc and SASS. It uses the awesome [Lato](http://www.latofonts.com) fonts by Łukasz Dziedzic, which have been released under the [SIL OFL 1.1](https://scripts.sil.org/cms/scripts/page.php?item_id=OFL_web).
20 20
 
21 21
 ## ~~How to harass me~~ Contact

+ 33
- 0
src/sass/main.sass View File

@@ -73,6 +73,39 @@ body
73 73
               border-color: $c-highlight
74 74
               background-image: linear-gradient(270deg, $c-highlight 0%, $c-bga 33%)
75 75
 
76
+@media screen and (max-width: calc(18rem + 70ch))
77
+  body
78
+    background-color: $c-bg
79
+    main
80
+      display: block
81
+      height: 100%
82
+      &::after
83
+        content: '© 2019 David Lappe | deing'
84
+        text-transform: uppercase
85
+        padding: .3rem
86
+      article
87
+        padding: 0 .3rem 0 .3rem
88
+        width: 100%
89
+        box-sizing: border-box
90
+      header
91
+        margin-bottom: .3rem
92
+        padding: 0 .3rem 0 .3rem
93
+        border: none
94
+        p
95
+          display: none
96
+        nav ul
97
+          display: flex
98
+          li
99
+            flex-grow: 1
100
+            text-align: center
101
+            a
102
+              width: auto
103
+              border: none
104
+              border-bottom: 3px solid $c-bga
105
+              &:hover, &:focus
106
+                background-image: none
107
+                border-bottom: 3px solid $c-fg
108
+
76 109
 @font-face 
77 110
 	src: url("Lato-Regular.woff2")
78 111
 	font-family: "lato"

Loading…
Cancel
Save