archive/theorangeone.net-legacy
Archived
1
Fork 0
Code Releases Packages Activity

restructure theme and about page

Browse source
This commit is contained in:
Jake Howard 2017-02-11 16:14:20 +00:00
parent 411870b4bd
commit 54ed5681fb
6 changed files with 49 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
content/pages/about.html
View file

@ -1,5 +1,5 @@
<head>
<meta name="title" content="About" />
<meta name="title" content="About Me" />
<meta name="no_container" content="true" />
</head>
<body>
@ -15,7 +15,7 @@
</section>
<section class="bg-primary">
<div class="container">
<h2>Personal Data</h2>
<h2 class="section-heading">Personal Data</h2>
<p>
In the interest of privacy, there's very little personal information here.
</p>
@ -24,19 +24,18 @@
</p>
</div>
</section>
<section id="skills">
<section>
<div class="container">
<h2 class="section-heading">Accounts</h2>
<p>
These are all the accounts I run, all to do with various things. Take a look!
</p>
<hr class="primary">
<div class="row text-center">
{% for key, account in ACCOUNTS.items() %}
<div class="col-sm-3 col-xs-6">
<div class="service-box">
<a href="{{ account.url }}">
<i class="fa fa-4x {{ account.icon }} text-primary"></i>
<div class="service-box account">
<a href="{{ account.url }}" class="no-underline">
<i class="fa fa-4x {{ account.icon }}"></i>
<h3>{{ account.site }}</h3>
</a>
</div>
@ -45,4 +44,9 @@
</div>
</div>
</section>
<section class="bg-primary text-center">
<div class="container">
<a class="btn btn-primary-dark btn-xl" href="/contact/">Contact Me</a>
</div>
</section>
</body>

27
content/pages/contact.html Normal file
View file

@ -0,0 +1,27 @@
<head>
<meta name="title" content="Contact Me" />
<meta name="no_container" content="true" />
</head>
<body>
<section>
<div class="container">
<p>
The fastest way to contact me is through twitter. Just tag me or send me a message and I'll respond as soon as possible!
</p>
</div>
</section>
<section class="bg-primary">
<div class="container">
<h2 class="section-heading">Need something more formal?</h2>
<p>
If you need to contact me in a more formal capacity, send me an email! I aim to respond to all emails within 3 days.
</p>
</div>
</section>
<section class="text-center">
<div class="container">
<a class="btn btn-primary btn-xl margin protected-mailto" data-value="{{ CONTACT_EMAIL|encode_text }}">Send me an email!</a>
<a class="btn btn-primary btn-xl margin" href="{{ ACCOUNTS.twitter.url }}">View Twitter</a>
</div>
</section>
</body>

13
content/pages/contact.md
View file

@ -1,13 +0,0 @@
---
title: Contact Me
---
The fastest way to contact me is through twitter. Just tag me or send me a message and I'll respond as soon as possible!
<a class="btn btn-primary" href="{{ ACCOUNTS.twitter.url }}">View Twitter</a>
## Need something more formal?
If you need to contact me in a more formal capacity, send me an email! I aim to respond to all emails within 3 days.
<a data-value="{{ CONTACT_EMAIL|encode_text }}" class="btn btn-primary protected-mailto">Send me an email!</a>

2
content/pages/homepage.html
View file

@ -25,7 +25,7 @@
<p>
I'm Jake. A software engineer with a passion for security and privacy. This is my website, a home for my projects, blog posts, and anything else for that matter.
</p>
<a href="/contact/" class="btn btn-primary-dark btn-xl">Contact</a>
<a href="/about/" class="btn btn-primary-dark btn-xl">More Info</a>
</div>
</section>

4
theme/static/src/scss/functional.scss
View file

@ -16,3 +16,7 @@
padding: 0 $grid-gutter-width / 2;
}
a.no-underline:hover {
text-decoration: inherit;
}

6
theme/static/src/scss/index.scss
View file

@ -114,3 +114,9 @@ header#header {
.protected-mailto {
cursor: pointer;
}
.service-box.account {
a:hover {
color: $brand-orange-dark;
}
}