WIP

.jekyll-cache/Jekyll/Cache/Jekyll--Cache/b7/9606fb3afea5bd1609ed40b622142f1c98125abcfe89a76a661b0e8e343910

@@ -1,2 +1 @@
-I"�
-{"source"=>"/Users/danny/Developer/dannypagano.github.io", "destination"=>"/Users/danny/Developer/dannypagano.github.io/_site", "collections_dir"=>"", "cache_dir"=>".jekyll-cache", "plugins_dir"=>"_plugins", "layouts_dir"=>"_layouts", "data_dir"=>"_data", "includes_dir"=>"_includes", "collections"=>{"posts"=>{"output"=>true, "permalink"=>"/posts/:year/:month/:day/:title/"}, "work"=>{"output"=>true, "permalink"=>"/work/:title"}}, "safe"=>false, "include"=>[".htaccess"], "exclude"=>[".sass-cache", ".jekyll-cache", "gemfiles", "Gemfile", "Gemfile.lock", "node_modules", "vendor/bundle/", "vendor/cache/", "vendor/gems/", "vendor/ruby/"], "keep_files"=>[".git", ".svn"], "encoding"=>"utf-8", "markdown_ext"=>"markdown,mkdown,mkdn,mkd,md", "strict_front_matter"=>false, "show_drafts"=>nil, "limit_posts"=>0, "future"=>false, "unpublished"=>false, "whitelist"=>[], "plugins"=>["jekyll-responsive-image"], "markdown"=>"kramdown", "highlighter"=>"rouge", "lsi"=>false, "excerpt_separator"=>"\n\n", "incremental"=>false, "detach"=>false, "port"=>"4000", "host"=>"127.0.0.1", "baseurl"=>"/", "show_dir_listing"=>false, "permalink"=>"date", "paginate_path"=>"/page:num", "timezone"=>nil, "quiet"=>false, "verbose"=>false, "defaults"=>[{"scope"=>{"path"=>"", "type"=>"posts"}, "values"=>{"is_post"=>true}}], "liquid"=>{"error_mode"=>"warn", "strict_filters"=>false, "strict_variables"=>false}, "kramdown"=>{"auto_ids"=>true, "toc_levels"=>[1, 2, 3, 4, 5, 6], "entity_output"=>"as_char", "smart_quotes"=>"lsquo,rsquo,ldquo,rdquo", "input"=>"GFM", "hard_wrap"=>false, "guess_lang"=>true, "footnote_nr"=>1, "show_warnings"=>false}, "title"=>"Danny", "email"=>"howdy@dannypagano.com", "description"=>"Howdy! I’m Danny Pagano – a designer and photographer from Tucson, Arizona. I design simple things for complex clients.", "url"=>"http://localhost:4000", "twitter_username"=>"dannypagano", "github_username"=>"dannypagano", "sizes"=>[320, 384, 480, 512, 576, 640, 683, 768, 800, 924, 960, 1025, 1200, 1366, 1440, 1600, 1872, 1920, 2056], "image_url"=>"/images/originals", "responsive_image"=>{"template"=>"_includes/responsive-image.html", "default_quality"=>80, "sizes"=>[{"width"=>320}, {"width"=>384}, {"width"=>480}, {"width"=>512}, {"width"=>576}, {"width"=>640}, {"width"=>683}, {"width"=>768}, {"width"=>800}, {"width"=>924}, {"width"=>960}, {"width"=>1025}, {"width"=>1200}, {"width"=>1366}, {"width"=>1440}, {"width"=>1600}, {"width"=>1872}, {"width"=>1920}, {"width"=>2056}], "auto_rotate"=>false, "strip"=>true, "base_path"=>"images/originals", "output_path_format"=>"images/resized/%{width}/%{basename}", "save_to_source"=>false, "cache"=>false, "extra_images"=>["images/originals/*"]}, "livereload_port"=>35729, "serving"=>true, "watch"=>true}:ET
+I"h{"source"=>"/Users/danny/Developer/dannypagano.github.io", "destination"=>"/Users/danny/Developer/dannypagano.github.io/_site", "collections_dir"=>"", "cache_dir"=>".jekyll-cache", "plugins_dir"=>"_plugins", "layouts_dir"=>"_layouts", "data_dir"=>"_data", "includes_dir"=>"_includes", "collections"=>{"posts"=>{"output"=>true, "permalink"=>"/posts/:year/:month/:day/:title/"}, "work"=>{"output"=>true, "permalink"=>"/work/:title"}}, "safe"=>false, "include"=>[".htaccess"], "exclude"=>[".sass-cache", ".jekyll-cache", "gemfiles", "Gemfile", "Gemfile.lock", "node_modules", "vendor/bundle/", "vendor/cache/", "vendor/gems/", "vendor/ruby/"], "keep_files"=>[".git", ".svn", "images/resized/320", "images/resized/384", "images/resized/480", "images/resized/512", "images/resized/576", "images/resized/640", "images/resized/683", "images/resized/768", "images/resized/800", "images/resized/924", "images/resized/960", "images/resized/1025", "images/resized/1200", "images/resized/1366", "images/resized/1440", "images/resized/1600", "images/resized/1872", "images/resized/1920", "images/resized/2056"], "encoding"=>"utf-8", "markdown_ext"=>"markdown,mkdown,mkdn,mkd,md", "strict_front_matter"=>false, "show_drafts"=>nil, "limit_posts"=>0, "future"=>false, "unpublished"=>false, "whitelist"=>[], "plugins"=>["jekyll-responsive-image"], "markdown"=>"kramdown", "highlighter"=>"rouge", "lsi"=>false, "excerpt_separator"=>"\n\n", "incremental"=>false, "detach"=>false, "port"=>"4000", "host"=>"127.0.0.1", "baseurl"=>"/", "show_dir_listing"=>false, "permalink"=>"date", "paginate_path"=>"/page:num", "timezone"=>nil, "quiet"=>false, "verbose"=>false, "defaults"=>[{"scope"=>{"path"=>"", "type"=>"posts"}, "values"=>{"is_post"=>true}}], "liquid"=>{"error_mode"=>"warn", "strict_filters"=>false, "strict_variables"=>false}, "kramdown"=>{"auto_ids"=>true, "toc_levels"=>[1, 2, 3, 4, 5, 6], "entity_output"=>"as_char", "smart_quotes"=>"lsquo,rsquo,ldquo,rdquo", "input"=>"GFM", "hard_wrap"=>false, "guess_lang"=>true, "footnote_nr"=>1, "show_warnings"=>false}, "title"=>"Danny", "email"=>"howdy@dannypagano.com", "description"=>"Howdy! I’m Danny Pagano – a designer and photographer from Tucson, Arizona. I design simple things for complex clients.", "url"=>"http://localhost:4000", "twitter_username"=>"dannypagano", "github_username"=>"dannypagano", "sizes"=>[320, 384, 480, 512, 576, 640, 683, 768, 800, 924, 960, 1025, 1200, 1366, 1440, 1600, 1872, 1920, 2056], "image_url"=>"/images/originals", "responsive_image"=>{"template"=>"_includes/responsive-image.html", "default_quality"=>80, "sizes"=>[{"width"=>320}, {"width"=>384}, {"width"=>480}, {"width"=>512}, {"width"=>576}, {"width"=>640}, {"width"=>683}, {"width"=>768}, {"width"=>800}, {"width"=>924}, {"width"=>960}, {"width"=>1025}, {"width"=>1200}, {"width"=>1366}, {"width"=>1440}, {"width"=>1600}, {"width"=>1872}, {"width"=>1920}, {"width"=>2056}], "auto_rotate"=>false, "strip"=>true, "base_path"=>"images/originals", "output_path_format"=>"images/resized/%{width}/%{basename}", "save_to_source"=>false, "cache"=>false, "extra_images"=>["images/originals/*"]}, "livereload_port"=>35729, "serving"=>true, "watch"=>true}:ET

_layouts/default.html

@@ -50,13 +50,13 @@
     class="animate__animated animate__fadeIn"
     {%
     if
-    page.is_post=="true"
+    page.is_post="true"
     %}
-    style="background-color: #eeebea"
+    style="background-color: var(--secondary-background-color)"
     {%
     else
     %}
-    style="background-color: #030303"
+    style="background-color: var(--primary-background-color)"
     {%
     endif
     %}

_site/404.html

@@ -86,7 +86,7 @@
   <body
     class="animate__animated animate__fadeIn"
 
-    style="background-color: #030303"
+    style="background-color: var(--primary-background-color)"
 
   >
          <div class="py-3 my-5 container-fluid" id="navigation-bar">

_site/README.md

@@ -1,48 +1,2 @@
-# brownfox
-
-A minimal portfolio theme for Jekll. 
-
-
-## Installation
-
-Add this line to your Jekyll site's `Gemfile`:
-
-```ruby
-gem "brownfox"
-```
-
-And add this line to your Jekyll site's `_config.yml`:
-
-```yaml
-theme: brownfox
-```
-
-And then execute:
-
-    $ bundle
-
-Or install it yourself as:
-
-    $ gem install brownfox
-
-## Usage
-
-TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
-
-## Contributing
-
-Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
-
-## Development
-
-To set up your environment to develop this theme, run `bundle install`.
-
-Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
-
-When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
-To add a custom directory to your theme-gem, please edit the regexp in `brownfox.gemspec` accordingly.
-
-## License
-
-The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
-
+# README
+A custom designed portfolio site built with Jekyll and hosted on GitHub Pages.

_site/about.html

@@ -86,7 +86,7 @@
   <body
     class="animate__animated animate__fadeIn"
 
-    style="background-color: #030303"
+    style="background-color: var(--primary-background-color)"
 
   >
          <div class="py-3 my-5 container-fluid" id="navigation-bar">

_site/assets/styles.css

@@ -79,9 +79,27 @@ License: 	The WebFont(s) listed in this document must follow the YouWorkForThem
     local("Roboto-Light"), local("DroidSans"), local("Tahoma");
 }
 
+/* Setting Variables */
+:root {
+  /* Scale */
+  --site-width: 1280px;
+  /* Colors */
+  --primary-background-color:#eeebea;
+  --secondary-background-color: ;
+  --primary-text-color:#030303;
+  --secondary-text-color:#6c757d;
+  /* Typography */
+  --base: 16px;
+  --h2: 1.75rem;
+  --font-sans: ;
+  --font-serif: ;
+  --font-mono: ;
+
+}
+
 /* styles to set narrow page width to 1920px */
 main {
-  max-width: 1920px;
+  max-width: var(--site-width);
 }
 
 #navigation-bar {
@@ -91,11 +109,11 @@ main {
   z-index: 10;
   right: 0px;
   left: 0px;
-  max-width: 1920px;
+  max-width: var(--site-width);
 }
 
 #footer-container {
-  max-width: 1920px;
+  max-width: var(--site-width);
 }
 
 nav ul {
@@ -143,8 +161,8 @@ nav ul {
 /* end of styles to set overall page width to 100% */
 
 body {
-  background-color: #030303;
-  color: #eeebea;
+  background-color: var(--primary-background-color);
+  color: var(--primary-text-color);
   font-family: "Alliance-Regular", Helvetica, Arial, "System";
   --animate-duration: 1s;
 }
@@ -177,7 +195,7 @@ h6 {
 p {
   font-family: "Alliance-Regular", Helvetica, Arial, "System";
   font-size: 1.2rem;
-  color: #6c757d;
+  color: var(--secondary-text-color);
 }
 
 a {
@@ -222,6 +240,7 @@ nav a first:child {
   margin-top: 200px;
 }
 
+/*
 .light {
   background-color: #eeebea;
   color: #030303;
@@ -231,6 +250,7 @@ nav a first:child {
   background-color: #030303;
   color: #eeebea;
 }
+*/
 
 .arrow {
   font-size: 1.8rem;

_site/index.html

@@ -86,7 +86,7 @@
   <body
     class="animate__animated animate__fadeIn"
 
-    style="background-color: #030303"
+    style="background-color: var(--primary-background-color)"
 
   >
          <div class="py-3 my-5 container-fluid" id="navigation-bar">
@@ -147,7 +147,7 @@ <h3>I’m Danny Pagano – a designer and photographer from Tucson, Arizona. I
 
               <div class="pb-5">
                 <a href="/work/snt" title="Scintillation Nanotechnologies"><h5>Scintillation Nanotechnologies</h5></a>
-                <p >Identity design for a rail services conglomerate serving the northern United States.</p>
+                <p >Identity design for a life sciences startup empowering new, unseen insights in biological research.</p>
               </div>
             </div>
           </div>

_site/work/aspera.html

@@ -91,7 +91,7 @@
   <body
     class="animate__animated animate__fadeIn"
 
-    style="background-color: #030303"
+    style="background-color: var(--primary-background-color)"
 
   >
 
@@ -304,7 +304,7 @@ <h2 class="py-5">Recent Projects</h2>
 
                   <div>
                     <a href="/work/snt"><h5>Scintillation Nanotechnologies</h5></a>
-                    <p >Identity design for a rail services conglomerate serving the northern United States.</p>
+                    <p >Identity design for a life sciences startup empowering new, unseen insights in biological research.</p>
                   </div>
 
               </div>

_site/work/clip-health.html

@@ -91,7 +91,7 @@
   <body
     class="animate__animated animate__fadeIn"
 
-    style="background-color: #030303"
+    style="background-color: var(--primary-background-color)"
 
   >
 
@@ -396,7 +396,7 @@ <h2 class="py-5">Recent Projects</h2>
 
                   <div>
                     <a href="/work/snt"><h5>Scintillation Nanotechnologies</h5></a>
-                    <p >Identity design for a rail services conglomerate serving the northern United States.</p>
+                    <p >Identity design for a life sciences startup empowering new, unseen insights in biological research.</p>
                   </div>
 
               </div>

_site/work/fairwheel.html

@@ -91,7 +91,7 @@
   <body
     class="animate__animated animate__fadeIn"
 
-    style="background-color: #030303"
+    style="background-color: var(--primary-background-color)"
 
   >
 
@@ -408,7 +408,7 @@ <h2 class="py-5">Recent Projects</h2>
 
                   <div>
                     <a href="/work/snt"><h5>Scintillation Nanotechnologies</h5></a>
-                    <p >Identity design for a rail services conglomerate serving the northern United States.</p>
+                    <p >Identity design for a life sciences startup empowering new, unseen insights in biological research.</p>
                   </div>
 
               </div>

_site/work/moonfest.html

@@ -91,7 +91,7 @@
   <body
     class="animate__animated animate__fadeIn"
 
-    style="background-color: #030303"
+    style="background-color: var(--primary-background-color)"
 
   >
 
@@ -321,7 +321,7 @@ <h2 class="py-5">Recent Projects</h2>
 
                   <div>
                     <a href="/work/snt"><h5>Scintillation Nanotechnologies</h5></a>
-                    <p >Identity design for a rail services conglomerate serving the northern United States.</p>
+                    <p >Identity design for a life sciences startup empowering new, unseen insights in biological research.</p>
                   </div>
 
               </div>

_site/work/natural-selection-2.html

@@ -91,7 +91,7 @@
   <body
     class="animate__animated animate__fadeIn"
 
-    style="background-color: #030303"
+    style="background-color: var(--primary-background-color)"
 
   >
 
@@ -329,7 +329,7 @@ <h2 class="py-5">Recent Projects</h2>
 
                   <div>
                     <a href="/work/snt"><h5>Scintillation Nanotechnologies</h5></a>
-                    <p >Identity design for a rail services conglomerate serving the northern United States.</p>
+                    <p >Identity design for a life sciences startup empowering new, unseen insights in biological research.</p>
                   </div>
 
               </div>

_site/work/nixie-watch.html

@@ -91,7 +91,7 @@
   <body
     class="animate__animated animate__fadeIn"
 
-    style="background-color: #030303"
+    style="background-color: var(--primary-background-color)"
 
   >
 
@@ -384,7 +384,7 @@ <h2 class="py-5">Recent Projects</h2>
 
                   <div>
                     <a href="/work/snt"><h5>Scintillation Nanotechnologies</h5></a>
-                    <p >Identity design for a rail services conglomerate serving the northern United States.</p>
+                    <p >Identity design for a life sciences startup empowering new, unseen insights in biological research.</p>
                   </div>
 
               </div>

_site/work/snt.html

@@ -52,7 +52,7 @@
 
 <meta content="Scintillation Nanotechnologies" property="og:title" />
 
-<meta content="Identity design for a rail services conglomerate serving the northern United States." property="og:description" />
+<meta content="Identity design for a life sciences startup empowering new, unseen insights in biological research." property="og:description" />
 
 <meta content="http://localhost:4000/work/snt" property="og:url" />
 
@@ -77,7 +77,7 @@
 
 <meta name="twitter:url" content="http://localhost:4000/work/snt" />
 
-<meta name="twitter:description" content="Identity design for a rail services conglomerate serving the northern United States." />
+<meta name="twitter:description" content="Identity design for a life sciences startup empowering new, unseen insights in biological research." />
 
 <meta
   name="twitter:image:src"
@@ -91,7 +91,7 @@
   <body
     class="animate__animated animate__fadeIn"
 
-    style="background-color: #030303"
+    style="background-color: var(--primary-background-color)"
 
   >
 
@@ -148,7 +148,7 @@
   <div class="col">
     <div class="col-12 col-md-10 col-lg-10 pb-5">
       <h1>Scintillation Nanotechnologies</h1>
-      <h5 class="pb-3">Identity design for a rail services conglomerate serving the northern United States.</h5>
+      <h5 class="pb-3">Identity design for a life sciences startup empowering new, unseen insights in biological research.</h5>
   </div>
   </div>
 

_site/work/tracknorth.html

@@ -91,7 +91,7 @@
   <body
     class="animate__animated animate__fadeIn"
 
-    style="background-color: #030303"
+    style="background-color: var(--primary-background-color)"
 
   >
 
@@ -329,7 +329,7 @@ <h2 class="py-5">Recent Projects</h2>
 
                   <div>
                     <a href="/work/snt"><h5>Scintillation Nanotechnologies</h5></a>
-                    <p >Identity design for a rail services conglomerate serving the northern United States.</p>
+                    <p >Identity design for a life sciences startup empowering new, unseen insights in biological research.</p>
                   </div>
 
               </div>