Skip to content

Commit

Permalink
Fix flexbox stylings
Browse files Browse the repository at this point in the history
  • Loading branch information
radar committed Sep 6, 2017
1 parent f26ec20 commit 13020ca
Show file tree
Hide file tree
Showing 401 changed files with 4,387 additions and 4,771 deletions.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
1 change: 1 addition & 0 deletions Gemfile
Expand Up @@ -5,3 +5,4 @@ gem 'jekyll', '3.3.1'
gem 'redcarpet'
gem 'json', '2.0.2'
gem 'jekyll-prism-plugin'
gem "sass"
3 changes: 2 additions & 1 deletion Gemfile.lock
Expand Up @@ -60,6 +60,7 @@ DEPENDENCIES
jekyll-prism-plugin
json (= 2.0.2)
redcarpet
sass

BUNDLED WITH
1.13.6
1.15.3
5 changes: 1 addition & 4 deletions _includes/head.html
@@ -1,11 +1,8 @@
<head>
<title>{{ page.title }} - Ryan Bigg</title>
<link href="http://feeds.feedburner.com/ryanbigg" rel="alternate" title="The Life of a Radar" type="application/atom+xml" />
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro|Encode+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro|Oxygen" rel="stylesheet">
<link rel='stylesheet' href='/css/style.css' media='screen'>
<link rel='stylesheet' href='/css/mobile.css'>
<link rel='stylesheet' href='/css/prism.css'>
<link rel='stylesheet' href='/css/flexboxgrid.css'>
<script src='/js/prism.js'></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
Expand Down
2 changes: 1 addition & 1 deletion _includes/menu.html
@@ -1,4 +1,4 @@
<div class="menu col-xs-2 col-md-4">
<div class="menu col-xs-4 col-md-4">
<h1><a href='/'>Ryan Bigg</a></h1>
<small class='desc'><small>Award-winning</small><br> Programmer / Author / Mentor</small><br>
<img src='/images/me.png' />
Expand Down
8 changes: 5 additions & 3 deletions _layouts/default.html
Expand Up @@ -4,9 +4,11 @@
<body>
<div class="row">
{% include menu.html %}
<article class="col-xs-8 col-md-8 col-lg-8">
{{ content }}
</article>
<div class="col-xs-8 col-md-8 col-lg-8">
<article>
{{ content }}
</article>
</div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
Expand Down
16 changes: 9 additions & 7 deletions _layouts/post.html
Expand Up @@ -2,15 +2,17 @@
<html>
{% include head.html %}
<body>
<div class="container">
<div class="row">
{% include menu.html %}
<article>
<a href="{{ page.url }}"><h2>{{ page.title }}</h2></a>
<small>{{ page.date | date_to_string }}</small><br>
{{ content }}
<div class="col-xs-8 col-md-8 col-lg-8">
<article>
<a href="{{ page.url }}"><h2>{{ page.title }}</h2></a>
<small>{{ page.date | date_to_string }}</small><br>
{{ content }}

<div id='disqus_thread'></div>
</article>
<div id='disqus_thread'></div>
</article>
</div>
</div>

<script type="text/javascript">
Expand Down
193 changes: 193 additions & 0 deletions _sass/style.scss
@@ -0,0 +1,193 @@

html, body {
height: 100%;
}

body {
font: 14pt "Oxygen";
background: url('/images/background.png');
margin: 0;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
body {
font-size: 225%;
}
}

h1 {
font-size: 3rem;
}

a {
color: #3CBC98;
}

.container {
min-height: 100%;
}


.menu {
font-size: 1rem;
min-width: 10rem;
background: url('/images/menu-bg.png');
border-right: 5px solid rgba(48,48,54, .5);
color: #efefef;
padding: 2.5% 0 0 0;
text-align: center;

img {
width: 175px;
margin-top: 2rem;
}

h1 {
margin-bottom: 0;
}

.desc {
color: darken(#efefef, 50);
}

ul {
text-align: left;
list-style-type: none;
margin: 10% 0 0 0;
padding: 0;
}

ul li {
padding: 3%;
text-align: center;
background: #3CBC98;
transition: background-color 0.5s ease;

&:hover {
background: #A3F7B5;

a {
color: #3CBC98;
}
}
}

a {
display: block;
width: 100%;
text-decoration: none;
color: #efefef;
}
}

@media only screen
and (max-width: 1000px) {
.menu {
min-width: 7.5rem;

img {
width: 85px;
}
}
}

.content {
background: white;
}

h2 {
font-size: 2rem;
color: #484851;
}

article {
padding: 2rem;
background: white;

small {
font-size: 0.75rem;
}

h3 {
font-size: 1.5rem;
}

img {
max-width: 100%;
}

code {
font-family: "Source Code Pro";
}
}

.large {
font-size: 1.25rem;
}

#books {
.book {
border-bottom: 2px solid #3CBC98;

img {
float: right;
max-width: 200px;
margin-left: 3rem;
}

blockquote {
width: 66%;
}
}
}


blockquote {
background: lighten(#3CBC98, 40);
font-size: 90%;
font-style: italic;
padding: 0.66rem;
}

aside {
background: #303036;
color: #dedede;
padding: 20px;

p {
margin: 0px;
}

p + p {
margin-top: 10px;
}

header {
font-size: 1.5rem;
}
}

#archive {
font-size: 75%;

ul {
list-style-type: none;
}

abbr {
float: right;
}
}

hr {
border: 2px solid #3CBC98;
}

.references {
p {
text-indent: -1em;
margin-left: 1em;
}
}
23 changes: 11 additions & 12 deletions _site/2007/05/aint-that-perfect.html
Expand Up @@ -3,19 +3,16 @@
<head>
<title>Ain't That Perfect? - Ryan Bigg</title>
<link href="http://feeds.feedburner.com/ryanbigg" rel="alternate" title="The Life of a Radar" type="application/atom+xml" />
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro|Encode+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro|Oxygen" rel="stylesheet">
<link rel='stylesheet' href='/css/style.css' media='screen'>
<link rel='stylesheet' href='/css/mobile.css'>
<link rel='stylesheet' href='/css/prism.css'>
<link rel='stylesheet' href='/css/flexboxgrid.css'>
<script src='/js/prism.js'></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>


<body>
<div class="container">
<div class="menu col-xs-2 col-md-4">
<div class="row">
<div class="menu col-xs-4 col-md-4">
<h1><a href='/'>Ryan Bigg</a></h1>
<small class='desc'><small>Award-winning</small><br> Programmer / Author / Mentor</small><br>
<img src='/images/me.png' />
Expand All @@ -42,10 +39,11 @@ <h1><a href='/'>Ryan Bigg</a></h1>
</ul>
</div>

<article>
<a href="/2007/05/aint-that-perfect"><h2>Ain't That Perfect?</h2></a>
<small>29 May 2007</small><br>
<p>The Friday just gone (well, 4 days ago), was my last day working at Coles. A customer with her kid came through my register, and the kid was coughing up BOTH lungs and sounding not all that good about it.</p>
<div class="col-xs-8 col-md-8 col-lg-8">
<article>
<a href="/2007/05/aint-that-perfect"><h2>Ain't That Perfect?</h2></a>
<small>29 May 2007</small><br>
<p>The Friday just gone (well, 4 days ago), was my last day working at Coles. A customer with her kid came through my register, and the kid was coughing up BOTH lungs and sounding not all that good about it.</p>

<p>I joked about it, &quot;Wouldn&#39;t it be funny if I got sick on my last day?&quot;</p>

Expand All @@ -60,8 +58,9 @@ <h1><a href='/'>Ryan Bigg</a></h1>
<p>[img]/img/funny/colds-rock.jpg[/img]</p>


<div id='disqus_thread'></div>
</article>
<div id='disqus_thread'></div>
</article>
</div>
</div>

<script type="text/javascript">
Expand Down
23 changes: 11 additions & 12 deletions _site/2007/05/clothes-go-here.html
Expand Up @@ -3,19 +3,16 @@
<head>
<title>Clothes Go Here - Ryan Bigg</title>
<link href="http://feeds.feedburner.com/ryanbigg" rel="alternate" title="The Life of a Radar" type="application/atom+xml" />
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro|Encode+Sans" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro|Oxygen" rel="stylesheet">
<link rel='stylesheet' href='/css/style.css' media='screen'>
<link rel='stylesheet' href='/css/mobile.css'>
<link rel='stylesheet' href='/css/prism.css'>
<link rel='stylesheet' href='/css/flexboxgrid.css'>
<script src='/js/prism.js'></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>


<body>
<div class="container">
<div class="menu col-xs-2 col-md-4">
<div class="row">
<div class="menu col-xs-4 col-md-4">
<h1><a href='/'>Ryan Bigg</a></h1>
<small class='desc'><small>Award-winning</small><br> Programmer / Author / Mentor</small><br>
<img src='/images/me.png' />
Expand All @@ -42,10 +39,11 @@ <h1><a href='/'>Ryan Bigg</a></h1>
</ul>
</div>

<article>
<a href="/2007/05/clothes-go-here"><h2>Clothes Go Here</h2></a>
<small>24 May 2007</small><br>
<p>[img]/img/funny/clothes-go-here.jpg[/img]</p>
<div class="col-xs-8 col-md-8 col-lg-8">
<article>
<a href="/2007/05/clothes-go-here"><h2>Clothes Go Here</h2></a>
<small>24 May 2007</small><br>
<p>[img]/img/funny/clothes-go-here.jpg[/img]</p>

<p>My brother seems to not know where they go, so I made that little sign so that he knows.</p>

Expand All @@ -54,8 +52,9 @@ <h1><a href='/'>Ryan Bigg</a></h1>
<p>Oh, and about Monday Night, it starts at 6:30, at my house. If you don&#39;t know where that is you know how to contact me. Bring $5 for pizza.</p>


<div id='disqus_thread'></div>
</article>
<div id='disqus_thread'></div>
</article>
</div>
</div>

<script type="text/javascript">
Expand Down

0 comments on commit 13020ca

Please sign in to comment.