arona/website
1
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

Landing page pretty much done

Browse Source
This commit is contained in:
FreneticScribbler
2020-07-14 12:37:57 +01:00
parent 39eed1002e
commit 5416e5ff59
4 changed files with 5 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
layouts/404.html
View File

@@ -1,8 +1,3 @@
---
permalink: /404.html
layout: default
---
<style type="text/css" media="screen"> <style type="text/css" media="screen">
.container { .container {
margin: 10px auto; margin: 10px auto;

4
layouts/index.html
View File

@@ -6,8 +6,8 @@
<header> <header>
<h1 style="padding-top: 0.5em;">Arona Jones</h1> <h1 style="padding-top: 0.5em;">Arona Jones</h1>
</header> </header>
<main aria-label="Content" style="height: 100%"> <main aria-label="Content">
<div style="display: flex; justify-content: center; background: black; margin-left: -3vw; margin-right: -3vw;"> <div style="display: flex; justify-content: center; background: black; margin-left: -5vw; margin-right: -5vw; height: 100%;">
<div class="bigimage"><img class="background" src="img/christian-wiediger-WkfDrhxDMC8-unsplash.jpg"><a class="button" href="development"><span class="fas fa-file-code"></span> Development</a></div> <div class="bigimage"><img class="background" src="img/christian-wiediger-WkfDrhxDMC8-unsplash.jpg"><a class="button" href="development"><span class="fas fa-file-code"></span> Development</a></div>
<div class="bigimage"><img class="background" src="img/1*0V2rDSk8SOr6mpfFf28EJA.jpeg"><a class="button" href="writing"><span class="fas fa-pen-fancy"></span> Writing</a></div> <div class="bigimage"><img class="background" src="img/1*0V2rDSk8SOr6mpfFf28EJA.jpeg"><a class="button" href="writing"><span class="fas fa-pen-fancy"></span> Writing</a></div>
<div class="bigimage"><img class="background" src="img/1*kV4-rHsyoDl4ursB1CG72Q.jpeg"><a class="button" href="technical"><span class="fas fa-lightbulb"></span> Technical</a></div> <div class="bigimage"><img class="background" src="img/1*kV4-rHsyoDl4ursB1CG72Q.jpeg"><a class="button" href="technical"><span class="fas fa-lightbulb"></span> Technical</a></div>

5
layouts/writing.html
View File

@@ -1,8 +1,3 @@
---
layout: page
title: Writing
permalink: /writing/
---
<div class="wrapper"> <div class="wrapper">
<h1>Background</h1> <h1>Background</h1>
<p>By all accounts, I have been an utterly voracious reader since I was able to read. This is translating into a growing love for writing, both fiction and non-fiction. My writing hero is Terry Pratchett - I hardly dare hope that my writing might one day might make people think with something approaching his level of wit and incisiveness. His work has had a huge impact on me personally, and reinforced my belief in the power of words.</p> <p>By all accounts, I have been an utterly voracious reader since I was able to read. This is translating into a growing love for writing, both fiction and non-fiction. My writing hero is Terry Pratchett - I hardly dare hope that my writing might one day might make people think with something approaching his level of wit and incisiveness. His work has had a huge impact on me personally, and reinforced my belief in the power of words.</p>

7
static/css/custom.css
View File

@@ -1,4 +1,4 @@
body { html, body {
width: 100%; width: 100%;
height: 100%; height: 100%;
font-family: helvetica, arial; font-family: helvetica, arial;
@@ -26,13 +26,12 @@ h1, .site-title {
color: white; color: white;
padding: 2em; padding: 2em;
width: 100%; width: 100%;
height: 77vh; height: 100%;
text-align: center; text-align: center;
background-size: cover;
background-repeat: no-repeat;
} }
/*My kingdom for a 'backdrop-filter'!*/ /*My kingdom for a 'backdrop-filter'!*/
img.background { img.background {
object-fit: cover;
color: black; color: black;
width: 100%; width: 100%;
height: 100%; height: 100%;