Simple site layout design

assets/sass/_fonts.sass

@@ -0,0 +1,81 @@
+$font-path: '/fonts/static/'
+
+@font-face
+    font-family: 'Source Sans 3'
+    font-style: normal
+    font-display: swap
+    font-weight: 100
+    src: local('Source Sans 3 ExtraLight'), local('SourceSans3-ExtraLight'), url('#{$font-path}SourceSans3-ExtraLight.woff2') format('woff2'), url('#{$font-path}SourceSans3-ExtraLight.ttf') format('truetype')
+@font-face
+    font-family: 'Source Sans 3'
+    font-style: normal
+    font-display: swap
+    font-weight: 200
+    src: local('Source Sans 3 ExtraLight'), local('SourceSans3-ExtraLight'), url('#{$font-path}SourceSans3-ExtraLight.woff2') format('woff2'), url('#{$font-path}SourceSans3-ExtraLight.ttf') format('truetype')
+
+@font-face
+    font-family: 'Source Sans 3'
+    font-style: normal
+    font-display: swap
+    font-weight: 300
+    src: local('Source Sans 3 Light'), local('SourceSans3-Light'), url('#{$font-path}SourceSans3-Light.woff2') format('woff2'), url('#{$font-path}SourceSans3-Light.ttf') format('truetype')
+
+@font-face
+    font-family: 'Source Sans 3'
+    font-style: normal
+    font-display: swap
+    font-weight: 400
+    src: local('Source Sans 3 Regular'), local('SourceSans3-Regular'), url('#{$font-path}SourceSans3-Regular.woff2') format('woff2'), url('#{$font-path}SourceSans3-Regular.ttf') format('truetype')
+
+@font-face
+    font-family: 'Source Sans 3'
+    font-style: italic
+    font-display: swap
+    font-weight: 400
+    src: local('Source Sans 3 Italic'), local('SourceSans3-Italic'), url('#{$font-path}SourceSans3-Italic.woff2') format('woff2'), url('#{$font-path}SourceSans3-Italic.ttf') format('truetype')
+
+@font-face
+    font-family: 'Source Sans 3'
+    font-style: normal
+    font-display: swap
+    font-weight: 500
+    src: local('Source Sans 3 Medium'), local('SourceSans3-Medium'), url('#{$font-path}SourceSans3-Medium.woff2') format('woff2'), url('#{$font-path}SourceSans3-Medium.ttf') format('truetype')
+
+@font-face
+    font-family: 'Source Sans 3'
+    font-style: normal
+    font-display: swap
+    font-weight: 600
+    src: local('Source Sans 3 SemiBold'), local('SourceSans3-SemiBold'), url('#{$font-path}SourceSans3-SemiBold.woff2') format('woff2'), url('#{$font-path}SourceSans3-SemiBold.ttf') format('truetype')
+
+@font-face
+    font-family: 'Source Sans 3'
+    font-style: normal
+    font-display: swap
+    font-weight: 700
+    src: local('Source Sans 3 Bold'), local('SourceSans3-Bold'), url('#{$font-path}SourceSans3-Bold.woff2') format('woff2'), url('#{$font-path}SourceSans3-Bold.ttf') format('truetype')
+
+@font-face
+    font-family: 'Source Sans 3'
+    font-style: italic
+    font-display: swap
+    font-weight: 700
+    src: local('Source Sans 3 Bold Italic'), local('SourceSans3-BoldItalic'), url('#{$font-path}SourceSans3-BoldItalic.woff2') format('woff2'), url('#{$font-path}SourceSans3-BoldItalic.ttf') format('truetype')
+
+@font-face
+    font-family: 'Source Sans 3'
+    font-style: normal
+    font-display: swap
+    font-weight: 800
+    src: local('Source Sans 3 ExtraBold'), local('SourceSans3-ExtraBold'), url('#{$font-path}SourceSans3-ExtraBold.woff2') format('woff2'), url('#{$font-path}SourceSans3-ExtraBold.ttf') format('truetype')
+
+@font-face
+    font-family: 'Source Sans 3'
+    font-style: normal
+    font-display: swap
+    font-weight: 900
+    src: local('Source Sans 3 Black'), local('SourceSans3-Black'), url('#{$font-path}SourceSans3-Black.woff2') format('woff2'), url('#{$font-path}SourceSans3-Black.ttf') format('truetype')
+
+
+*
+    font-family: 'Source Sans 3', sans-serif

assets/sass/main.sass

@@ -0,0 +1,4 @@
+@import "fonts"
+*
+    color: white
+    background: black