Skip to content

Commit

Permalink
feat: Initial Bold Design implementation
Browse files Browse the repository at this point in the history
  • Loading branch information
ripixel committed Jun 6, 2020
1 parent 1ac497c commit c1a852e
Show file tree
Hide file tree
Showing 8 changed files with 585 additions and 0 deletions.
5 changes: 5 additions & 0 deletions .firebaserc
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
{
"projects": {
"default": "ripixel-f24bf"
}
}
65 changes: 65 additions & 0 deletions .gitignore
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
39 changes: 39 additions & 0 deletions 404.html
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>
3 changes: 3 additions & 0 deletions README.md
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?
10 changes: 10 additions & 0 deletions firebase.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
{
"hosting": {
"public": ".",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"
]
}
}
101 changes: 101 additions & 0 deletions index.html
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 &raquo;</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 &raquo;</h2>
<p>
Who doesn&apos;t love a good blog?
</p>
<p>
Here you&apos;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 &raquo;</h2>
<p>
So who is this mysterious being, <span class="em2">ripixel</span>?
</p>
<p>
Hopefully you&apos;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&apos;t enough for you, I&apos;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">&copy; 2020 James King</p>
</footer>
</body>
</html>
127 changes: 127 additions & 0 deletions reset.css
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 */
Loading

0 comments on commit c1a852e

Please sign in to comment.