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

Compare commits

base: tanner:f76b8e7bf4b6d97bf6794127e6a69e08406a28c3
Branches Tags
tanner:master tanner:columns
..
compare: tanner:columns
Branches Tags
tanner:master tanner:columns

1 Commits
f76b8e7bf4 ... columns

Author SHA1 Message Date
Tanner Collin
42698372ad Split home page into two columns 2021-06-16 07:28:38 +00:00
3 changed files with 123 additions and 77 deletions
Expand all files Collapse all files

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

@@ -1,3 +1,12 @@
{% if PROD %}
<?php
$themeClass = '';
if (!empty($_COOKIE['theme'])) {
$themeClass = $_COOKIE['theme'];
}
?>
{% endif %}
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>

11
themes/theme/templates/index.html
View File

@@ -20,11 +20,14 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div class="content index"> <div class="content content-index">
<p> <p>
Hi, I'm Tanner! I do firmware and web development in Calgary. Hi, I'm Tanner! I do firmware and web development in Calgary.
</p> </p>
<div class="leftcol">
<div class="inside">
<h2>Contact Info</h2> <h2>Contact Info</h2>
<p> <p>
@@ -87,7 +90,11 @@
<div class="summary"> <div class="summary">
<p>A filesystem that mounts your Standard Notes account as a directory of text files that you can edit.</p> <p>A filesystem that mounts your Standard Notes account as a directory of text files that you can edit.</p>
</div> </div>
</div>
</div>
<div class="rightcol">
<div class="inside">
<h2>Creations</h2> <h2>Creations</h2>
<p>Sometimes I create art or interactive tech.</p> <p>Sometimes I create art or interactive tech.</p>
@@ -110,4 +117,6 @@
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
</div>
</div>
{% endblock %} {% endblock %}

36
themes/theme/templates/style.css
View File

@@ -16,10 +16,6 @@ a {
font: 1.2rem/1.0 Lato,sans-serif; font: 1.2rem/1.0 Lato,sans-serif;
} }
.index h3 {
font: 1.2rem/1.5 Apparatus SIL,serif;
}
.source { .source {
font: 1rem/1.5 Apparatus SIL,serif; font: 1rem/1.5 Apparatus SIL,serif;
} }
@@ -77,9 +73,17 @@ pre {
} }
.content-wide { .content-wide {
max-width: 46rem;;
}
.content-index {
max-width: none; max-width: none;
} }
.content-index h3 {
font: 1.2rem/1.5 Apparatus SIL,serif;
}
.content p { .content p {
font: 1.2rem/1.5 Apparatus SIL,serif; font: 1.2rem/1.5 Apparatus SIL,serif;
} }
@@ -179,6 +183,30 @@ pre {
} }
} }
@media screen and (min-width:58rem) {
.container {
max-width: 75rem;
}
.leftcol {
float: left;
width: 50%;
margin-top: -1rem;
}
.leftcol > .inside {
padding-right: 1rem;
}
.rightcol {
overflow: hidden;
margin-top: -1rem;
}
.rightcol > .inside {
padding-left: 1rem;
}
}
body { body {
background-color: #eee; background-color: #eee;