gaiety/portfolio
gaiety/portfolio
1
1
Fork 0
Code Activity

Progress all around

Browse source
This commit is contained in:
Joe Wroten 2016-08-12 21:21:30 -05:00
parent 30a9739b0a
commit 6c9e96183c
10 changed files with 104 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
layouts/home.html → layouts/index.html
View file

8
layouts/post.html
View file

@ -1,7 +1,11 @@
{{> header }}
<h1>{{ title }}</h1>
<time>{{ date }}</time>
<div id="content">
<h1>
<a href="/">&lt;</a>&nbsp;
{{ title }}
</h1>
{{{ contents }}}
</div>
{{> footer }}

4
partials/footer.html
View file

@ -1,6 +1,4 @@
<footer>
<p>Generated with {{ generator }} &mdash; <a href="{{ url }}">{{ url }}</a></p>
</footer>
</div>
<script src="http://localhost:35729/livereload.js"></script>
</body>

18
partials/header.html
View file

@ -10,11 +10,15 @@
<body>
<header class="text-code">
[ sharpshark28@joewroten.com ] <span class="text-success">(master)</span> ~/portfolio
<br />
<span class="text-success">⟩</span> npm start
<br />
Starting up server, serving <a href="/">./</a> on port: 8080 ...
<br />
Resume accessible @ <a href="/assets/resume.pdf">./resume.pdf</a>
<div class="wrapper">
[ <a href="#">sharpshark28<span class="normal">@</span><span class="secondary">joewroten.com</span></a> ] <span class="text-success">(master)</span> <span class="dim">~/portfolio</span>
<br />
<span class="text-success">⟩</span> npm start
<br />
Starting up server, serving <a href="/">./</a> on port: 8080 ...
<br />
Resume accessible @ <a href="/assets/resume.pdf">./resume.pdf</a>
</div>
</header>
<div class="wrapper">

77
src/app.scss
View file

@ -1,3 +1,8 @@
$success: #28C665;
$primary: #87D2C8;
$secondary: #A01C69;
$max-width: 60rem;
html {
margin: 0;
}
@ -6,19 +11,85 @@ body {
margin: 0;
background: #F2F2F2;
> header {
padding: 2rem;
padding: 2rem 0;
background: #282A36;
color: white;
box-shadow: 0 .25rem 1rem .25rem rgba(0, 0, 0, 0.25);
a {
color: #87D2C8;
color: $primary;
text-decoration: underline;
&:focus,
&:hover,
&:focus span,
&:hover span {
outline: none;
color: white;
}
}
a .secondary {
color: $secondary;
}
a .normal {
color: white;
}
.dim {
color: #ccc;
}
}
}
.wrapper {
padding: 0 2rem;
max-width: $max-width;
margin: 0 auto;
}
a {
color: $secondary;
text-decoration: none;
&:focus,
&:hover {
outline: none;
color: lighten($secondary, 10%);
}
&:active {
background: black;
color: white;
}
}
img,
video {
max-width: $max-width * .75;
width: 100%;
border-radius: .25rem;
}
.text-code {
font-family: 'Source Code Pro', monospace;
}
.text-success {
color: #28C665;
color: $success;
}
#content {
p {
width: 50%;
clear: both;
&:nth-of-type(odd) {
float: left;
}
&:nth-of-type(odd) {
float: right;
}
}
img,
video {
margin: 0 auto;
display: block;
}
}

BIN
src/assets/media/patient_education/teaser.mp4 Normal file
View file

Binary file not shown.

BIN
src/assets/media/patient_education/teaser.ogv Normal file
View file

Binary file not shown.

BIN
src/assets/media/patient_education/teaser.webm Normal file
View file

Binary file not shown.

2
src/home.md → src/index.md
View file

@ -1,5 +1,5 @@
---
layout: home.html
layout: index.html
---
<h1>
Heyya,<br />

13
src/posts/patient-education.md
View file

@ -1,7 +1,16 @@
---
title: Patient Education
date: 2016-08-20
layout: post.html
---
Test
<video autoplay loop>
<source src="../../assets/media/patient_education/teaser.mp4" type="video/mp4">
<source src="../../assets/media/patient_education/teaser.webm" type="video/webm">
<source src="../../assets/media/patient_education/teaser.ogv" type="video/ogg">
</video>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam accumsan varius dui. Vestibulum ut porttitor nulla.
Quisque at mi eros. Curabitur tempor massa mi, at luctus neque sagittis nec. Nullam suscipit malesuada eros at accumsan.
Sed in justo sed ante aliquam mattis. Donec scelerisque neque sed augue sodales vestibulum. Curabitur sagittis ligula eget ex vestibulum imperdiet. Nunc orci nisi, dictum et congue sit amet, pulvinar et elit. Maecenas pellentesque non dui non lacinia. Quisque pretium nisi in velit placerat maximus. Ut rutrum feugiat interdum.