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

Colourscheme + add fontawesome

Browse Source 
Probably overkill but hey :P
This commit is contained in:
FreneticScribbler
2020-04-23 16:48:44 +01:00
parent 21bbb417a5
commit 7a90646ac3
5 changed files with 4411 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
_config.yml
View File

@@ -1,9 +1,9 @@
title: Arona Jones title: Arona Jones
email: aj@aronajones.com email: aj@aronajones.com
description: >- description: >-
The personal website, blog and portfolio of Arona Jones, the Frenetic Scribbler Portfolio of Arona Jones, a Swiss-born British Developer, Writer and Stage Technician.
baseurl: "" baseurl: ""
url: "https://www.aronajones.com" # the base hostname & protocol for your site, e.g. http://example.com url: "https://aronajones.com" # the base hostname & protocol for your site, e.g. http://example.com
twitter_username: aronajones_ twitter_username: aronajones_
github_username: FreneticScribbler github_username: FreneticScribbler

1
_includes/head.html
View File

@@ -6,4 +6,5 @@
<link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}"> <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
{%- feed_meta -%} {%- feed_meta -%}
<link rel="stylesheet" type="text/css" href="custom.css"> <link rel="stylesheet" type="text/css" href="custom.css">
<script defer src="fontawesome.js"></script>
</head> </head>

8
custom.css
View File

@@ -1,5 +1,9 @@
body {
background: #202226;
color: #00ADFF;
}
.bigimage { .bigimage {
transform: skew(-20deg); transform: skew(-10deg);
color: white; color: white;
padding: 2em; padding: 2em;
height: 50vh; height: 50vh;
@@ -25,7 +29,7 @@ img.background {
filter: blur(0); filter: blur(0);
} }
a.button { a.button {
transform: skew(20deg); transform: skew(10deg);
color: white; color: white;
touch-callout: none; touch-callout: none;
user-select: none; user-select: none;

4391
fontawesome.js Normal file
View File

File diff suppressed because one or more lines are too long

25
index.html
View File

@@ -2,25 +2,22 @@
--- ---
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: "en" }}"> <html lang="{{ page.lang | default: site.lang | default: "en" }}">
{%- include head.html -%} {%- include head.html -%}
<body> <body>
<header class="site-header">
{%- include header.html -%} <div class="wrapper" style="text-align: center;">
<h1 style="padding-top: 0.5em;">Arona Jones</h1>
</div>
</header>
<main aria-label="Content"> <main aria-label="Content">
<div style="display: flex; justify-content: center; background: black; margin-left: -6vw; margin-right: -6vw;"> <div style="display: flex; justify-content: center; background: black; margin-left: -3vw; margin-right: -3vw;">
<div class="bigimage"><img class="background" src="img/christian-wiediger-WkfDrhxDMC8-unsplash.jpg"><a class="button" href="">Development</a></div> <div class="bigimage"><img class="background" src="img/christian-wiediger-WkfDrhxDMC8-unsplash.jpg"><a class="button" href=""><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</a></div> <div class="bigimage"><img class="background" src="img/1*0V2rDSk8SOr6mpfFf28EJA.jpeg"><a class="button" href=""><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</a></div> <div class="bigimage"><img class="background" src="img/1*kV4-rHsyoDl4ursB1CG72Q.jpeg"><a class="button" href=""><span class="fas fa-lightbulb"></span> Technical</a></div>
<div class="bigimage"><img class="background" src="img/1*2J4xTO7JYBYA3dcMwwGSlw.jpeg"><a class="button" href="">Personal</a></div> <div class="bigimage"><img class="background" src="img/1*2J4xTO7JYBYA3dcMwwGSlw.jpeg"><a class="button" href="blog"><span class="fas fa-portrait"></span> Personal</a></div>
</div> </div>
</main> </main>
{%- include footer.html -%}
</body> </body>
{%- include footer.html -%}
</html> </html>