-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat: Initial Bold Design implementation
- Loading branch information
Showing
8 changed files
with
585 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
{ | ||
"projects": { | ||
"default": "ripixel-f24bf" | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,65 @@ | ||
# Logs | ||
logs | ||
*.log | ||
npm-debug.log* | ||
yarn-debug.log* | ||
yarn-error.log* | ||
firebase-debug.log* | ||
|
||
# Firebase cache | ||
.firebase/ | ||
|
||
# Firebase config | ||
|
||
# Uncomment this if you'd like others to create their own Firebase project. | ||
# For a team working on the same Firebase project(s), it is recommended to leave | ||
# it commented so all members can deploy to the same project(s) in .firebaserc. | ||
# .firebaserc | ||
|
||
# Runtime data | ||
pids | ||
*.pid | ||
*.seed | ||
*.pid.lock | ||
|
||
# Directory for instrumented libs generated by jscoverage/JSCover | ||
lib-cov | ||
|
||
# Coverage directory used by tools like istanbul | ||
coverage | ||
|
||
# nyc test coverage | ||
.nyc_output | ||
|
||
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) | ||
.grunt | ||
|
||
# Bower dependency directory (https://bower.io/) | ||
bower_components | ||
|
||
# node-waf configuration | ||
.lock-wscript | ||
|
||
# Compiled binary addons (http://nodejs.org/api/addons.html) | ||
build/Release | ||
|
||
# Dependency directories | ||
node_modules/ | ||
|
||
# Optional npm cache directory | ||
.npm | ||
|
||
# Optional eslint cache | ||
.eslintcache | ||
|
||
# Optional REPL history | ||
.node_repl_history | ||
|
||
# Output of 'npm pack' | ||
*.tgz | ||
|
||
# Yarn Integrity file | ||
.yarn-integrity | ||
|
||
# dotenv environment variables file | ||
.env |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,39 @@ | ||
<!DOCTYPE html> | ||
|
||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8" /> | ||
|
||
<title>ripixel</title> | ||
<meta name="description" content="ripixel" /> | ||
<meta name="author" content="James King" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
|
||
<link | ||
href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Fredoka+One&display=swap" | ||
rel="stylesheet" | ||
/> | ||
|
||
<link rel="stylesheet" href="reset.css" /> | ||
<link rel="stylesheet" href="styles.css" /> | ||
</head> | ||
|
||
<body> | ||
<main> | ||
<section class="intro"> | ||
<h1 class="name">404... <span class="em2">shit</span></h1> | ||
</section> | ||
|
||
<div class="sections"> | ||
<section class="welcome error"> | ||
<p> | ||
Oh bollocks. Something's gone <span class="em">very wrong</span>. | ||
</p> | ||
<p> | ||
Best go back and try again. | ||
</p> | ||
</section> | ||
</div> | ||
</main> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,3 @@ | ||
# Ripixel Website | ||
|
||
Why use static generators when you can just... y'know... write the HTML? |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,10 @@ | ||
{ | ||
"hosting": { | ||
"public": ".", | ||
"ignore": [ | ||
"firebase.json", | ||
"**/.*", | ||
"**/node_modules/**" | ||
] | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,101 @@ | ||
<!DOCTYPE html> | ||
|
||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8" /> | ||
|
||
<title>ripixel</title> | ||
<meta name="description" content="ripixel" /> | ||
<meta name="author" content="James King" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
|
||
<link | ||
href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400&family=Fredoka+One&display=swap" | ||
rel="stylesheet" | ||
/> | ||
|
||
<link rel="stylesheet" href="reset.css" /> | ||
<link rel="stylesheet" href="styles.css" /> | ||
</head> | ||
|
||
<body> | ||
<main class="hello"> | ||
<section class="intro"> | ||
<h1 class="name">ri<span>pixel</span></h1> | ||
<p>Software Engineer & Web Application Creator</p> | ||
</section> | ||
|
||
<div class="sections"> | ||
<section class="welcome"> | ||
<p> | ||
Hi, I'm <span class="em">James King</span>, and I make things for | ||
the web. As you can probably tell, I'm a fan of minimalist designs | ||
that help you get the information you need, with the minimum of | ||
fuss. | ||
</p> | ||
<p> | ||
I also really, <span class="em2">really</span> like big, bold, | ||
oh-my-gosh-that's-so-bright colours. | ||
</p> | ||
</section> | ||
</div> | ||
</main> | ||
<main class="area coding"> | ||
<a href="coding.html"> | ||
<section class="area"> | ||
<h2>Coding »</h2> | ||
<p> | ||
During my time as a nerd, I've made quite a lot of things; both | ||
professionally and personally. Let's take a walk down memory lane | ||
and have a look at them. | ||
</p> | ||
</section></a | ||
> | ||
</main> | ||
<main class="area thoughts"> | ||
<a href="thoughts.html"> | ||
<section class="area"> | ||
<h2>Thoughts »</h2> | ||
<p> | ||
Who doesn't love a good blog? | ||
</p> | ||
<p> | ||
Here you'll find ramblings, how-to-guides, reviews, and | ||
possibly even something a little more professional... although who | ||
knows on that last one. This is my personal site after all. | ||
</p> | ||
</section></a | ||
> | ||
</main> | ||
<main class="area profile"> | ||
<a href="profile.html"> | ||
<section class="area"> | ||
<h2>Profile »</h2> | ||
<p> | ||
So who is this mysterious being, <span class="em2">ripixel</span>? | ||
</p> | ||
<p> | ||
Hopefully you'll have read the first page, and know that my | ||
proper boring name is <span class="em">James King</span>. But in | ||
case that wasn't enough for you, I've put together a lot | ||
more information for you to gobble up. | ||
</p> | ||
</section></a | ||
> | ||
</main> | ||
<footer> | ||
<div class="flexme"> | ||
<p> | ||
<a href="https://github.com/ripixelcodes">GitHub @ripixelcodes</a> | ||
</p> | ||
<p><a href="https://gitlab.com/ripixel">Gitlab @ripixel</a></p> | ||
<p> | ||
<a href="https://www.twitter.com/ripixelcodes" | ||
>Twitter @ripixelcodes</a | ||
> | ||
</p> | ||
</div> | ||
<p class="copy">© 2020 James King</p> | ||
</footer> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,127 @@ | ||
/* START RESET */ | ||
html, | ||
body, | ||
div, | ||
span, | ||
applet, | ||
object, | ||
iframe, | ||
h1, | ||
h2, | ||
h3, | ||
h4, | ||
h5, | ||
h6, | ||
p, | ||
blockquote, | ||
pre, | ||
a, | ||
abbr, | ||
acronym, | ||
address, | ||
big, | ||
cite, | ||
code, | ||
del, | ||
dfn, | ||
em, | ||
img, | ||
ins, | ||
kbd, | ||
q, | ||
s, | ||
samp, | ||
small, | ||
strike, | ||
strong, | ||
sub, | ||
sup, | ||
tt, | ||
var, | ||
b, | ||
u, | ||
i, | ||
center, | ||
dl, | ||
dt, | ||
dd, | ||
ol, | ||
ul, | ||
li, | ||
fieldset, | ||
form, | ||
label, | ||
legend, | ||
table, | ||
caption, | ||
tbody, | ||
tfoot, | ||
thead, | ||
tr, | ||
th, | ||
td, | ||
article, | ||
aside, | ||
canvas, | ||
details, | ||
embed, | ||
figure, | ||
figcaption, | ||
footer, | ||
header, | ||
hgroup, | ||
menu, | ||
nav, | ||
output, | ||
ruby, | ||
section, | ||
summary, | ||
time, | ||
mark, | ||
audio, | ||
video { | ||
margin: 0; | ||
padding: 0; | ||
border: 0; | ||
font-size: 100%; | ||
font: inherit; | ||
vertical-align: baseline; | ||
box-sizing: border-box; | ||
} | ||
/* HTML5 display-role reset for older browsers */ | ||
article, | ||
aside, | ||
details, | ||
figcaption, | ||
figure, | ||
footer, | ||
header, | ||
hgroup, | ||
menu, | ||
nav, | ||
section { | ||
display: block; | ||
} | ||
body { | ||
line-height: 1; | ||
} | ||
ol, | ||
ul { | ||
list-style: none; | ||
} | ||
blockquote, | ||
q { | ||
quotes: none; | ||
} | ||
blockquote:before, | ||
blockquote:after, | ||
q:before, | ||
q:after { | ||
content: ""; | ||
content: none; | ||
} | ||
table { | ||
border-collapse: collapse; | ||
border-spacing: 0; | ||
} | ||
/* END RESET */ |
Oops, something went wrong.