diff --git a/themes/theme/static/fonts/AppSILB.ttf b/themes/theme/static/fonts/AppSILB.ttf
new file mode 100644
index 0000000..4292079
Binary files /dev/null and b/themes/theme/static/fonts/AppSILB.ttf differ
diff --git a/themes/theme/static/fonts/AppSILBI.ttf b/themes/theme/static/fonts/AppSILBI.ttf
new file mode 100644
index 0000000..4cef9db
Binary files /dev/null and b/themes/theme/static/fonts/AppSILBI.ttf differ
diff --git a/themes/theme/static/fonts/AppSILI.ttf b/themes/theme/static/fonts/AppSILI.ttf
new file mode 100644
index 0000000..cba464c
Binary files /dev/null and b/themes/theme/static/fonts/AppSILI.ttf differ
diff --git a/themes/theme/static/fonts/AppSILR.ttf b/themes/theme/static/fonts/AppSILR.ttf
new file mode 100644
index 0000000..25ba316
Binary files /dev/null and b/themes/theme/static/fonts/AppSILR.ttf differ
diff --git a/themes/theme/static/fonts/Lato-Bold.ttf b/themes/theme/static/fonts/Lato-Bold.ttf
new file mode 100644
index 0000000..4f3d844
Binary files /dev/null and b/themes/theme/static/fonts/Lato-Bold.ttf differ
diff --git a/themes/theme/static/fonts/Lato-BoldItalic.ttf b/themes/theme/static/fonts/Lato-BoldItalic.ttf
new file mode 100644
index 0000000..96b4f82
Binary files /dev/null and b/themes/theme/static/fonts/Lato-BoldItalic.ttf differ
diff --git a/themes/theme/static/fonts/Lato-Italic.ttf b/themes/theme/static/fonts/Lato-Italic.ttf
new file mode 100644
index 0000000..cf3da8b
Binary files /dev/null and b/themes/theme/static/fonts/Lato-Italic.ttf differ
diff --git a/themes/theme/static/fonts/Lato-Regular.ttf b/themes/theme/static/fonts/Lato-Regular.ttf
new file mode 100644
index 0000000..3c2d417
Binary files /dev/null and b/themes/theme/static/fonts/Lato-Regular.ttf differ
diff --git a/themes/theme/static/fonts/fonts.css b/themes/theme/static/fonts/fonts.css
new file mode 100644
index 0000000..59fb7f3
--- /dev/null
+++ b/themes/theme/static/fonts/fonts.css
@@ -0,0 +1,51 @@
+@font-face {
+ font-family: 'Apparatus SIL';
+ src: url('AppSILR.ttf') format('truetype');
+}
+
+@font-face {
+ font-family: 'Apparatus SIL';
+ font-style: italic;
+ src: url('AppSILI.ttf') format('truetype');
+}
+
+@font-face {
+ font-family: 'Apparatus SIL';
+ font-weight: bold;
+ src: url('AppSILB.ttf') format('truetype');
+}
+
+@font-face {
+ font-family: 'Apparatus SIL';
+ font-weight: bold;
+ font-style: italic;
+ src: url('AppSILBI.ttf') format('truetype');
+}
+
+@font-face {
+ font-family: 'Lato';
+ font-style: italic;
+ font-weight: 400;
+ src: local('Lato Italic'), local('Lato-Italic'), url('Lato-Italic.ttf') format('truetype');
+}
+
+@font-face {
+ font-family: 'Lato';
+ font-style: italic;
+ font-weight: 700;
+ src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('Lato-BoldItalic.ttf') format('truetype');
+}
+
+@font-face {
+ font-family: 'Lato';
+ font-style: normal;
+ font-weight: 400;
+ src: local('Lato Regular'), local('Lato-Regular'), url('Lato-Regular.ttf') format('truetype');
+}
+
+@font-face {
+ font-family: 'Lato';
+ font-style: normal;
+ font-weight: 700;
+ src: local('Lato Bold'), local('Lato-Bold'), url('Lato-Bold.ttf') format('truetype');
+}
diff --git a/themes/theme/static/logo.png b/themes/theme/static/logo.png
new file mode 100644
index 0000000..f9bbe09
Binary files /dev/null and b/themes/theme/static/logo.png differ
diff --git a/themes/theme/static/style.css b/themes/theme/static/style.css
index 6c5f244..13cdb40 100644
--- a/themes/theme/static/style.css
+++ b/themes/theme/static/style.css
@@ -1,15 +1,22 @@
body {
text-rendering: optimizeLegibility;
- font: 1rem/1.3 sans-serif;
+ font: 1.2rem/1.0 Lato,sans-serif;
+ background-color: rgb(245, 245, 245);
+}
+
+a {
+ color: #000000;
+ text-decoration: none;
+ outline: none;
}
.container {
- max-width: 40rem;
+ max-width: 56rem;
margin: 1rem auto 0 auto;
}
.sidebar {
- margin-top: 1rem;
+ margin-top: 2px;
float: left;
width: 8rem;
text-align: right;
@@ -17,9 +24,24 @@ body {
.sidebar img {
width: 100%;
+ display: block;
+}
+
+.sidebar p {
+ margin-top: 1.1875rem;
+}
+
+.sidebar a {
+ padding-top: 0.5rem;
+ padding-bottom: 0.5rem;
+ display: block;
+}
+.sidebar a:hover {
+ background-color: #eeeeee;
}
.topbar {
+ text-align: center;
}
.topbar ul {
@@ -31,10 +53,27 @@ body {
margin-right: 0.5rem;
}
-.content {
+.toc {
+ float: right;
}
-@media screen and (min-width:30rem) {
+.toc li {
+ margin-top: 0.5rem;
+}
+
+.content {
+ max-width: 36rem;
+}
+
+.content p {
+ font: 1.2rem/1.5 Apparatus SIL,serif;
+}
+
+.content a {
+ border-bottom: 1px solid #000;
+}
+
+@media screen and (min-width:36rem) {
.content {
margin-left: 10rem;
}
@@ -43,7 +82,7 @@ body {
}
}
-@media screen and (max-width:30rem) {
+@media screen and (max-width:36rem) {
.sidebar {
display: none;
}
diff --git a/themes/theme/templates/base.html b/themes/theme/templates/base.html
index 02d311e..7d084ba 100644
--- a/themes/theme/templates/base.html
+++ b/themes/theme/templates/base.html
@@ -7,6 +7,7 @@
Tanner Collin
+
@@ -17,15 +18,15 @@
Tanner Collin
- Home
- About
- Contact
+ About
+ Posts
+ Contact
- Tanner Collin
+
@@ -37,11 +38,22 @@
My Title
May 7th, 2020
-
+
+
+ Section One
+ Section Two
+
+ Subsection One
+ Subsection Two
+
+ Section Three
+
+
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a semper lacus. Sed vulputate ligula eget odio mollis, sed dictum dui euismod. Vivamus quis gravida diam. Sed elementum dolor non augue egestas scelerisque. Donec odio diam, feugiat sit amet accumsan eget, lobortis vel mi. Mauris a ipsum ut urna vestibulum bibendum. Nunc ut placerat ex. Morbi eleifend risus in neque suscipit aliquet. Praesent sed dolor vel tellus sagittis viverra. Vestibulum et tincidunt sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vel laoreet nibh, pulvinar porta risus.
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur a semper lacus. Sed vulputate ligula eget odio mollis, sed dictum dui euismod. Vivamus quis gravida diam. Sed elementum dolor non augue egestas scelerisque. Donec odio diam, feugiat sit amet accumsan eget, lobortis vel mi. Mauris a ipsum ut urna vestibulum bibendum. Nunc ut placerat ex. Morbi eleifend risus in neque suscipit aliquet. Praesent sed dolor vel tellus sagittis viverra. Vestibulum et tincidunt sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vel laoreet nibh, pulvinar porta risus.