Bake theme

.gitignore

@@ -1,4 +1,8 @@
-_site/
-.idea/
+*.gem
 .DS_Store
 .gitignore~
+.idea/
+.jekyll-metadata
+.sass-cache/
+Gemfile.lock
+_site/

Gemfile

@@ -0,0 +1,2 @@
+source 'https://rubygems.org'
+gem 'github-pages', group: :jekyll_plugins

_config.yml

@@ -38,7 +38,8 @@ email_url: oceanhkw@uw.edu
 # Build settings
 markdown: kramdown
 
-# Submodule setting
+# Theme setting, we are excluding jekyll-spectral-theme/ root to avoid picking up theme config.
+# We should probably clean it up later.
 destination:  _site/
 plugins_dir:  jekyll-spectral-theme/_plugins/
 layouts_dir:  jekyll-spectral-theme/_layouts/

jekyll-spectral-theme/Gemfile

@@ -0,0 +1,2 @@
+source "https://rubygems.org"
+gemspec

jekyll-spectral-theme/README.md

@@ -0,0 +1,82 @@
+# Spectral - Jekyll Theme
+
+A Jekyll version of the "Spectral" theme by [HTML5 UP](https://html5up.net/).
+
+![Spectral Theme](screenshot.jpg "Spectral Theme")
+
+# How to Use
+
+For those unfamiliar with how Jekyll works, check out [https://jekyllrb.com/](https://jekyllrb.com/) for all the details,
+or read up on just the basics of [front matter](https://jekyllrb.com/docs/frontmatter/), [writing posts](https://jekyllrb.com/docs/posts/),
+and [creating pages](https://jekyllrb.com/docs/pages/).
+
+- **GitLab**: Simply fork this repository and start editing the `_config.yml` file!  
+- **GitHub**: Fork this reposity and create a branch named `gh-pages`, then start editing the `_config.yml` file! The `.gitlab-ci.yml` file is only needed for GitLab Pages, so feel free to delete this if you are using GitHub instead.
+
+# Added Features
+
+* Add your **social profiles** easily in `_config.yml`. Only social profiles buttons you enter in `config.yml` show up on the site footer!
+* **Coming soon**: Set **featured images** in front matter.
+* **Coming soon**: Front page sections automatically pull from posts.
+
+# Credits
+
+Original README from HTML5 UP:
+
+```
+Spectral by HTML5 UP
+html5up.net | @ajlkn
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
+
+A big, modern, blocky affair with a mobile-style menu, fully responsive styling,
+and an assortment of pre-styled elements. So, pretty much what you were expecting
+-- except, of course, for how it's put together, specifically:
+
+- It's built on Skel 3*, a leaner, more modular rewrite of my responsive framework.
+
+  (* = still in development as of this writing)
+
+- It uses flexbox*, which eliminates all kinds of terrible hacks and clunky layout
+  stopgaps (like CSS grid systems).
+
+  (* = not supported on IE8/9, but non-flexbox fallbacks are included)
+
+- It uses Sass* a lot more intelligently, thanks in part to several new mixins
+  and functions I've been working on (as well as a few by @HugoGiraudel).
+
+  (* = still entirely optional if you prefer vanilla CSS :)
+
+- A ton of other stuff.
+
+In short, Spectral's the culmination of several new things I'm working on/trying out,
+so please, let me know what you think :)
+
+Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images
+you can use for pretty much whatever.
+
+(* = not included)
+
+AJ
+aj@lkn.io | @ajlkn
+
+
+Credits:
+
+	Demo Images:
+		Unsplash (unsplash.com)
+
+	Icons:
+		Font Awesome (fortawesome.github.com/Font-Awesome)
+
+	Other:
+		jQuery (jquery.com)
+		html5shiv.js (@afarkas @jdalton @jon_neal @rem)
+		background-size polyfill (github.com/louisremi)
+		Misc. Sass functions (@HugoGiraudel)
+		Respond.js (j.mp/respondjs)
+		Skel (skel.io)
+
+```
+
+Repository [Jekyll logo](https://github.com/jekyll/brand) icon licensed under a [Creative Commons Attribution 4.0 International License](http://choosealicense.com/licenses/cc-by-4.0/).

jekyll-spectral-theme/_config.yml

@@ -0,0 +1,32 @@
+# Site settings
+title: Geohackweek 2018
+email: landungs@uw.edu
+description: Workshop On Geospatial Data Science <br>
+             University of Washington eScience Institute <br>
+             Sept 10 - 14, 2018
+baseurl: "" # the subpath of your site, e.g. /blog
+url: "" # the base hostname & protocol for your site
+
+# Homepage tiles
+tiles-source: posts # accepts "posts" or "pages"
+tiles-count: 3
+
+# Misc settings
+featured-image-source:
+
+# Social settings
+500px_url:
+facebook_url:
+github_url: https://github.com/geohackweek
+gitlab_url:
+googleplus_url:
+instagram_url:
+linkedin_url:
+pinterest_url:
+slack_url: https://geohackweek2018.slack.com
+twitter_url:
+email_url: geohack@uw.edu
+
+# Build settings
+markdown: kramdown
+

jekyll-spectral-theme/_includes/banner.html

@@ -0,0 +1,11 @@
+<!-- Banner -->
+<section id="banner">
+	<div class="inner">
+		<h2>{{ site.title }}</h2>
+		<p>{{ site.description }}</p>
+		<ul class="actions">
+			<li><a href="{{ site.banner_button_url }}" class="button special">{{ site.banner_button_text }}</a></li>
+		</ul>
+	</div>
+	<a href="#one" class="more scrolly">Learn More</a>
+</section>

jekyll-spectral-theme/_includes/cta.html

@@ -0,0 +1,13 @@
+<!-- CTA -->
+<section id="cta" class="wrapper style4">
+	<div class="inner">
+		<header>
+			<h2>Arcue ut vel commodo</h2>
+			<p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
+		</header>
+		<ul class="actions vertical">
+			<li><a href="#" class="button fit special">Activate</a></li>
+			<li><a href="#" class="button fit">Learn More</a></li>
+		</ul>
+	</div>
+</section>

jekyll-spectral-theme/_includes/footer.html

@@ -0,0 +1,48 @@
+<!-- Footer -->
+<footer id="footer">
+	<ul class="icons">
+		{% if site.twitter_url %}
+		<li><a href="{{ site.twitter_url }}" class="icon fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
+		{% endif %} {% if site.googleplus_url %}
+		<li><a href="{{ site.googleplus_url }}" class="icon fa-google-plus" target="_blank"><span class="label">Google+</span></a></li>
+		{% endif %} {% if site.facebook_url %}
+		<li><a href="{{ site.facebook_url }}" class="icon fa-facebook" target="_blank"><span class="label">Facebook</span></a></li>
+		{% endif %} {% if site.instagram_url %}
+		<li><a href="{{ site.instagram_url }}" class="icon fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
+		{% endif %} {% if site.pinterest_url %}
+		<li><a href="{{ site.pinterest_url }}" class="icon fa-pinterest" target="_blank"><span class="label">Pinterest</span></a></li>
+		{% endif %} {% if site.500px_url %}
+		<li><a href="{{ site.500px_url }}" class="icon fa-500px" target="_blank"><span class="label">500px</span></a></li>
+		{% endif %} {% if site.gitlab_url %}
+		<li><a href="{{ site.gitlab_url }}" class="icon fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
+		{% endif %} {% if site.github_url %}
+		<li><a href="{{ site.github_url }}" class="icon fa-github" target="_blank"><span class="label">GitHub</span></a></li>
+		{% endif %} {% if site.slack_url %}
+		<li><a href="{{ site.slack_url }}" class="icon fa-slack" target="_blank"><span class="label">Slack</span></a></li>
+		{% endif %} {% if site.linkedin_url %}
+		<li><a href="{{ site.linkedin_url }}" class="icon fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
+		{% endif %} {% if site.email_url %}
+		<li><a href="mailto:{{ site.email_url }}" class="icon fa-envelope" target="_blank"><span class="label">email</span></a></li>
+		{% endif %}
+	</ul>
+	<ul class="copyright">
+		<li>&copy; {{ site.title }}</li>
+		<!--<li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a>.</li>-->
+		<!--<li>Demo Images: <a href="https://unsplash.com/" target="_blank">Unsplash</a>.</li>-->
+		<!--<li>Jekyll integration: <a href="http://andrewbanchi.ch" target="_blank">Andrew Banchich</a>.</li>-->
+	</ul>
+</footer>
+
+</div>
+
+<!-- Scripts -->
+<script src="{{ "/assets/js/jquery.min.js" | absolute_url }}"></script>
+<script src="{{ "/assets/js/jquery.scrollex.min.js" | absolute_url }}"></script>
+<script src="{{ "/assets/js/jquery.scrolly.min.js" | absolute_url }}"></script>
+<script src="{{ "/assets/js/skel.min.js" | absolute_url }}"></script>
+<script src="{{ "/assets/js/util.js" | absolute_url }}"></script>
+<!--[if lte IE 8]><script src="{{ "/assets/js/ie/respond.min.js" | absolute_url }}"></script><![endif]-->
+<script src="{{ "/assets/js/main.js" | absolute_url }}"></script>
+</body>
+
+</html>

jekyll-spectral-theme/_includes/head.html

@@ -0,0 +1,24 @@
+<head>
+	<title>{{ site.title }}</title>
+	<meta charset="utf-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<!--[if lte IE 8]><script src="{{ "/assets/js/ie/html5shiv.js" | relative_url }}"></script><![endif]-->
+	<link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}" />
+	<!--[if lte IE 8]><link rel="stylesheet" href="{{ "/assets/css/ie8.css" | relative_url }}" /><![endif]-->
+	<!--[if lte IE 9]><link rel="stylesheet" href="{{ "/assets/css/ie9.css" | relative_url }}" /><![endif]-->
+	<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css"
+		  integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ=="
+		  crossorigin=""/>
+	<script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js"
+			integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw=="
+			crossorigin=""></script>
+	<!-- Global site tag (gtag.js) - Google Analytics -->
+	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-116958811-1"></script>
+	<script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+
+        gtag('config', 'UA-116958811-1');
+	</script>
+</head>

jekyll-spectral-theme/_includes/header.html

@@ -0,0 +1,25 @@
+<!-- Page Wrapper -->
+<div id="page-wrapper">
+
+	<!-- Header -->
+	<header id="header" {% if page.layout == 'default' %} class="alt" {% endif %}>
+		<h1><a href="/">{{ site.title }}</a></h1>
+		<nav id="nav">
+			<ul>
+				<li class="special">
+					<a href="#menu" class="menuToggle"><span>Menu</span></a>
+					<div id="menu">
+						<ul>
+							{% for page in site.pages %} {% if page.layout == "default" %}
+							<li><a href="{{ page.url | absolute_url }}">{{ page.title }}</a></li>
+							{% endif %} {% endfor %} {% for page in site.pages %} {% if page.layout == "page" %}
+							<li><a href="{{ page.url | absolute_url }}">{{ page.title }}</a></li>
+							{% endif %} {% if page.layout == "applicant" %}
+							<li><a href="{{ page.url | absolute_url }}">{{ page.title }}</a></li>
+							{% endif %}{% endfor %}
+						</ul>
+					</div>
+				</li>
+			</ul>
+		</nav>
+	</header>

jekyll-spectral-theme/_includes/section-four.html

@@ -0,0 +1,26 @@
+<!-- Four -->
+<section id="four" class="wrapper style2 special">
+    <div class="inner">
+        <header class="major">
+            <h2>Location</h2>
+        </header>
+        <div id="map"></div>
+        <!--<ul class="icons mapdir">-->
+            <!--<li><a href="https://maps.google.com/?saddr=Current+Location&daddr=Odegaard+Undergraduate+Library,+George+Washington+Lane+Northeast,+Seattle,+WA&driving" class="icon fa-car"><span class="label">Drive to Geohackweek</span></a></li>-->
+            <!--<li><a href="https://maps.google.com/?saddr=Current+Location&dirflg=r&daddr=Odegaard+Undergraduate+Library,+George+Washington+Lane+Northeast,+Seattle,+WA&mode=transit" class="icon fa-bus"><span class="label">Public Transit to Geohackweek</span></a></li>-->
+            <!--<li><a href="https://maps.google.com/?saddr=Current+Location&dirflg=w&daddr=Odegaard+Undergraduate+Library,+George+Washington+Lane+Northeast,+Seattle,+WA" class="icon fa-street-view"><span class="label">Walk to Geohackweek</span></a></li>-->
+            <!--<li><a href="https://maps.google.com/?saddr=Current+Location&dirflg=b&daddr=Odegaard+Undergraduate+Library,+George+Washington+Lane+Northeast,+Seattle,+WA&mode=bicycling" class="icon fa-bicycle"><span class="label">Bike to Geohackweek</span></a></li>-->
+        <!--</ul>-->
+    </div>
+</section>
+<script type="application/javascript">
+    var map = L.map('map').setView([47.65338269999999, -122.3118654], 12);
+
+    L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
+        attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
+    }).addTo(map);
+
+    L.marker([47.65338269999999, -122.3118654]).addTo(map)
+        .bindPopup('eScience Institute <br/> WRF Data Science Studio, UW Physics/Astronomy Tower, 6th Floor, Campus Box 351570, 3910 15th Ave NE, Seattle, WA 98195')
+        .openPopup();
+</script>

jekyll-spectral-theme/_includes/section-one-three.html

@@ -0,0 +1,15 @@
+<!-- One -->
+<section id="one-two" class="wrapper style2 special">
+        <div class="inner">
+                <header class="major">
+                        <h2>2018 Participant Quotes</h2>
+                        <p><i>"The workshop provided an excellent introduction to the existing infrastructure of oceanographic data-gathering resources. Also provided was an introduction to the open-source evolving tools for accessing and utilizing large data sets. The technical challenges in data-intensive research are daunting, and here this workshop’s model and enactment of collaborative work was particularly valuable to me."</i> ~ Rachel Jackson, San Francisco State University</p>
+                        <p><i>"I am grateful to have attended Oceanhackweek, and to have been given the opportunity to expand my skill set in such a productive and pleasant environment. I live in Fairbanks, AK, where we are rather isolated and aren't naturally exposed to new tools or methods. [...] Oceanhackweek gave me that time, introduced me to possibilities via the tutorials, and through the projects produced a technical structure that I can apply to our research in Alaska."</i> ~ Liz Dobbins, University of Alaska, Fairbanks</p>
+
+			 <p><i>"It is sometimes hard to predict whether a given conference, training or hack-a-thon might be worth your time. [...] The real challenge, of course, is to find a group of like minded people that want to expand their horizons and learn together, and that is just what I found when I attended Ocean Hackweek." </i> ~ Christian Saranson
+<p>
+
+
+                </header>
+        </div>
+</section>

jekyll-spectral-theme/_includes/section-one-two.html

@@ -0,0 +1,12 @@
+<!-- One -->
+<section id="one-two" class="wrapper style2 special">
+	<div class="inner">
+		<header class="major">
+			<h2>Big Ocean Data </h2>
+			<p>
+                Oceanhackweek focuses on integrative analysis and computational workflows in ocean sciences.
+                The goal is to help participants navigate the data deluge and to accelerate scientific discovery.  
+			</p>
+		</header>
+	</div>
+</section>

jekyll-spectral-theme/_includes/section-one.html

@@ -0,0 +1,28 @@
+<!-- One -->
+<section id="one" class="wrapper style2 special">
+	<div class="inner">
+		<header class="major">
+			<h2>ABOUT OCEANHACKWEEK</h2>
+			<p>
+				Oceanhackweek is a 5-day learning hackathon aimed at exploring,
+				creating and promoting effective computation and analysis workflows for
+				large and complex oceanographic data. By democratizing data access and
+				increasing exposure to technological assets, our goals are to accelerate research,
+				promote collaboration and cultivate data science literacy among the ocean sciences community.
+			</p>
+			<p>
+				<a href="https://oceanhackweek.github.io/ohw2018/">See the previously held Oceanhackweek 2018</a>
+				|
+				<a href="/hackweek.html">Learn about "hackweek".</a>
+			</p>
+		</header>
+		<!--<ul class="icons major">-->
+			<!--<li><span class="icon fa-diamond major style1"><span class="label">Lorem</span></span>-->
+			<!--</li>-->
+			<!--<li><span class="icon fa-heart-o major style2"><span class="label">Ipsum</span></span>-->
+			<!--</li>-->
+			<!--<li><span class="icon fa-code major style3"><span class="label">Dolor</span></span>-->
+			<!--</li>-->
+		<!--</ul>-->
+	</div>
+</section>

jekyll-spectral-theme/_includes/section-three.html

@@ -0,0 +1,25 @@
+<!-- Three -->
+<section id="three" class="wrapper style1 special">
+	<div class="inner">
+		<header class="major">
+			<h2>Oceanhackweek 2019 Sponsors</h2>
+		</header>
+		<div class="sponsors">
+			<div class="sponsors-row">
+				<div class="sponsors-logo">
+					<img src="assets/images/nsf.jpeg" alt="">
+				</div>
+				<div class="sponsors-logo">
+					<img src="assets/images/escience.png" alt="">
+				</div>
+				<div class="sponsors-logo">
+					<img src="assets/images/ioos_logo.jpg" alt="">
+				</div>
+				<div class="sponsors-logo">
+                                        <img src="assets/images/ooi.jpg" alt="">
+                                </div>
+
+			</div>
+		</div>
+	</div>
+</section>