tanner/personal-site
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Finalize theme

Browse Source
This commit is contained in:
Tanner Collin 2020-05-09 22:17:01 +00:00
parent 7a4b8385dc
commit 5190e4b812
12 changed files with 114 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
themes/theme/static/fonts/AppSILB.ttf Normal file
View File

Binary file not shown.

BIN
themes/theme/static/fonts/AppSILBI.ttf Normal file
View File

Binary file not shown.

BIN
themes/theme/static/fonts/AppSILI.ttf Normal file
View File

Binary file not shown.

BIN
themes/theme/static/fonts/AppSILR.ttf Normal file
View File

Binary file not shown.

BIN
themes/theme/static/fonts/Lato-Bold.ttf Normal file
View File

Binary file not shown.

BIN
themes/theme/static/fonts/Lato-BoldItalic.ttf Normal file
View File

Binary file not shown.

BIN
themes/theme/static/fonts/Lato-Italic.ttf Normal file
View File

Binary file not shown.

BIN
themes/theme/static/fonts/Lato-Regular.ttf Normal file
View File

Binary file not shown.

51
themes/theme/static/fonts/fonts.css Normal file
View File

@ -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');
}

BIN
themes/theme/static/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.9 KiB

51
themes/theme/static/style.css
View File

@ -1,15 +1,22 @@
body { body {
text-rendering: optimizeLegibility; 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 { .container {
max-width: 40rem; max-width: 56rem;
margin: 1rem auto 0 auto; margin: 1rem auto 0 auto;
} }
.sidebar { .sidebar {
margin-top: 1rem; margin-top: 2px;
float: left; float: left;
width: 8rem; width: 8rem;
text-align: right; text-align: right;
@ -17,9 +24,24 @@ body {
.sidebar img { .sidebar img {
width: 100%; 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 { .topbar {
text-align: center;
} }
.topbar ul { .topbar ul {
@ -31,10 +53,27 @@ body {
margin-right: 0.5rem; 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 { .content {
margin-left: 10rem; margin-left: 10rem;
} }
@ -43,7 +82,7 @@ body {
} }
} }
@media screen and (max-width:30rem) { @media screen and (max-width:36rem) {
.sidebar { .sidebar {
display: none; display: none;
} }

24
themes/theme/templates/base.html
View File

@ -7,6 +7,7 @@
<title>Tanner Collin</title> <title>Tanner Collin</title>
<link rel="stylesheet" type="text/css" href="/theme/style.css" /> <link rel="stylesheet" type="text/css" href="/theme/style.css" />
<link rel="stylesheet" type="text/css" href="/theme/fonts/fonts.css" />
</head> </head>
<body> <body>
@ -17,15 +18,15 @@
Tanner Collin Tanner Collin
</p> </p>
<p> <p>
Home <br /> <a href="about.html">About</a>
About <br /> <a href="posts.html">Posts</a>
Contact <br /> <a href="contact.html">Contact</a>
</p> </p>
</div> </div>
<div class="content"> <div class="content">
<div class="topbar"> <div class="topbar">
<p> <p>
Tanner Collin <img src="/theme/logo.png" />
</p> </p>
<ul> <ul>
@ -37,11 +38,22 @@
<header> <header>
<h1>My Title</h1> <h1>My Title</h1>
<p>May 7th, 2020</p> <p>May 7th, 2020</p>
<header> </header>
<hr /> <hr />
<article> <article>
<div class="toc">
<ol>
<li>Section One</li>
<li>Section Two</li>
<ol type="a">
<li>Subsection One</li>
<li>Subsection Two</li>
</ol>
<li>Section Three</li>
</ol>
</div>
<p> <p>
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 <a href="asdf">ipsum</a> 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.
<p> <p>
<p> <p>