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

Compare commits

base: tanner:00d582d0c7f169884c28007207ddf012f2e2d7d7
Branches Tags
tanner:master
tanner:columns
..
compare: tanner:0d89429503b5b1a9c77ab7445f7ff099d646a958
Branches Tags
tanner:master
tanner:columns

2 Commits
00d582d0c7 ... 0d89429503

Author SHA1 Message Date
Tanner Collin
0d89429503 Remove CSS for bar / info box 2022-07-15 15:25:28 -06:00
Tanner Collin
d1057534ec Fix HTML indentation 2022-07-15 15:25:11 -06:00
4 changed files with 265 additions and 325 deletions
Show Stats Expand all files Collapse all files

3
themes/theme/templates/article.html
View File

@ -29,7 +29,6 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
{% if article.wide %} {% if article.wide %}
<div class="content content-wide"> <div class="content content-wide">
{% else %} {% else %}
@ -50,7 +49,9 @@
</header> </header>
<hr /> <hr />
<article> <article>
{{ article.content }} {{ article.content }}
</article> </article>
</div> </div>

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

@ -13,6 +13,7 @@
<style> <style>
{% include 'style.css' %} {% include 'style.css' %}
</style> </style>
<script defer src="/theme/instant-page.js"></script> <script defer src="/theme/instant-page.js"></script>
@ -33,7 +34,7 @@
<span class="wname">Webring:</span> <a href="https://jason.schwarzenberger.co.nz/" class="wprev">&lt; Previous</a> | <a href="https://webring.t0.vc" class="windex">Index</a> | <a href="https://udia.ca" class="wnext">Next &gt;</a> <span class="wname">Webring:</span> <a href="https://jason.schwarzenberger.co.nz/" class="wprev">&lt; Previous</a> | <a href="https://webring.t0.vc" class="windex">Index</a> | <a href="https://udia.ca" class="wnext">Next &gt;</a>
</p> </p>
<p class="footer"> <p class="footer">
© 2012–2021 Tanner Collin © 2012–2022 Tanner Collin
</p> </p>
</body> </body>
</html> </html>

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

@ -2,28 +2,10 @@
{% block head %} {% block head %}
{{ super() }} {{ super() }}
<meta name="description" content="The personal website of Tanner Collin." /> <meta name="description" content="The personal website of Tanner Collin." />
<meta name="summary" content="The personal website of Tanner Collin." /> <meta name="summary" content="The personal website of Tanner Collin." />
{% endblock %} {% endblock %}
{% block info %}
<picture>
<source type="image/webp" srcset="/theme/me.webp">
<source type="image/jpeg" srcset="/theme/me.jpg">
<img src="/theme/me.jpg" width="128" height="164" class="me" alt="me smiling wide and looking into the camera lit up brightly">
</picture>
<div class="info">
<h1>Tanner Collin</h1>
<p class="contact-icons">
<a href="mailto:site4@tannercollin.com" rel="noreferrer noopener"><img alt="email" src="/theme/mail.svg" width="20" height="20" /></a>
<a href="https://t.me/tannercollin" target="_blank" rel="noreferrer noopener"><img alt="telegram" src="/theme/telegram.svg" width="20" height="20" /></a>
<a href="https://github.com/tannercollin" target="_blank" rel="noreferrer noopener"><img alt="github" src="/theme/github.svg" width="20" height="20" /></a>
</p>
</div>
{% endblock %}
{% block content %} {% block content %}
<div class="content index"> <div class="content index">
<p> <p>
@ -59,6 +41,7 @@
<div class="summary"> <div class="summary">
{{ article.summary }} {{ article.summary }}
</div> </div>
{% endfor %} {% endfor %}
<h3> <h3>
@ -77,6 +60,7 @@
<div class="summary"> <div class="summary">
{{ article.summary }} {{ article.summary }}
</div> </div>
{% endfor %} {% endfor %}
<h2>Writing</h2> <h2>Writing</h2>
@ -88,6 +72,7 @@
<div class="summary"> <div class="summary">
{{ article.summary }} {{ article.summary }}
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
{% endblock %} {% endblock %}

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

@ -45,7 +45,7 @@ pre {
.container { .container {
max-width: 56rem; max-width: 56rem;
margin: 2rem auto 12rem auto; margin: 1rem auto 12rem auto;
} }
.footer { .footer {
@ -130,59 +130,12 @@ pre {
text-align: right; text-align: right;
white-space: nowrap; white-space: nowrap;
} }
.bar .me {
width: 100%;
display: block;
}
.bar .info {
margin-top: 1.75rem;
}
.bar .contact-icons a {
border-bottom: none;
}
.bar .contact-icons img {
width: 1.25rem;
height: 1.25rem;
margin-left: 0.5rem;
}
} }
@media screen and (max-width:36rem) { @media screen and (max-width:36rem) {
.bar { .bar {
overflow: auto; overflow: auto;
margin-top: -0.5rem; margin-bottom: -1rem;
}
.bar .me {
float: left;
height: 6.5rem;
width: auto;
}
.bar .info {
float: left;
margin-top: 0.5rem;
margin-left: 1.5rem;
}
.bar .contact-icons {
margin-top: 1rem;
margin-left: 0.25rem;
margin-bottom: 0;
}
.bar .contact-icons a {
border-bottom: none;
}
.bar .contact-icons img {
width: 1.25rem;
height: 1.25rem;
margin-right: 1rem;
} }
} }