Skip to content
This repository was archived by the owner on Sep 23, 2020. It is now read-only.

Commit 7afb820

Browse files
committed
First commit
0 parents  commit 7afb820

File tree

295 files changed

+93669
-0
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

295 files changed

+93669
-0
lines changed

.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
public/

config.toml

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
baseurl = "http://www.staticwebtech.com/"
2+
languageCode = "en-us"
3+
title = "SF Static Web-Tech"
Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
---
2+
title: Dynamic To Static
3+
description: Matt Biilmann talks about how you get started if you are used to old dynamic systems such as Wordpress.
4+
cover: /img/presentations/dynamic-to-static-cover.png
5+
youtube: <iframe width="420" height="315" src="https://www.youtube.com/embed/vns7B3DAzXg" frameborder="0" allowfullscreen></iframe>
6+
speakerdeck: <script async data-id="d5ed63c423384878b0f3641e32bd484a" data-ratio="1.77777777777778" src="//speakerdeck.com/assets/embed.js" class="speakerdeck-embed"></script>
7+
presenter: Mathias Biilmann
8+
presenter_title: Netlify CEO
9+
location: Netlify HQ
10+
date: "2015-05-06"
11+
---
12+
13+
Tadaa. We finally have the first video up.
14+
15+
Please forgive the quality of the image. It’s crap, as we had no lighting and a pocket cam without even a tripod or a separate microphone.
16+
17+
However already from our next meetup we secured an awesome space at the courtesy of the equally awesome guys at Wikia.
18+
19+
The talk itself by Matt on modern static websites went great and we want to thank the audience for the participating and asking good questions.
20+
21+
This meetup was about what static generators are suited for which tasks, and how you get started if you are used to old dynamic systems such as Wordpress.
22+
23+
We felt that the theme is one that really needed a good presentation, and the aim was to make the best one so far. See for yourself and let us know in the comments if we succeeded, together with your other comments, requests for future talks, and such.
24+
25+
And let us know if the audio is too muddled to understand. If so, we will try to transcribe it and add subtitles.
26+
27+
Follow us [@staticwebtech](https://twitter.com/staticwebtech) and don’t forget to join the meetup at [meetup.com/sf-static-web-tech](meetup.com/sf-static-web-tech) if you are situated in the Bay Area.
28+
29+
Till next time fellow web techers!

layouts/index.html

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
{{ partial "header" }}
2+
<div class="main-container">
3+
<section class="cover image-slider slider-all-controls controls-inside parallax">
4+
<ul class="slides">
5+
<li class="overlay image-bg bg-black pt160 pb160">
6+
<div class="background-image-holder faded">
7+
<img alt="image" class="background-image" src="img/sf-bg.jpg" />
8+
</div>
9+
<div class="container">
10+
<div class="row">
11+
<div class="col-sm-10 col-sm-offset-1 text-center">
12+
<h1 class="mb-xs-16 large">SF Static Web-Tech</h1>
13+
<p class="lead mb40">
14+
A ressource with videos, transcripts, and slides<br/> from the San Francisco meetup on Static Web Tech.
15+
</p>
16+
<a class="btn btn-lg" href="http://www.meetup.com/sf-static-web-tech">join the meetup</a>
17+
</div>
18+
</div>
19+
<!--end of row-->
20+
</div>
21+
<!--end of container-->
22+
</li>
23+
</ul>
24+
</section>
25+
<section>
26+
<div class="container">
27+
<div class="row mb80 mb-xs-0">
28+
<div class="col-md-8 col-md-offset-2 text-center">
29+
<h1>Recent Presentations</h1>
30+
</div>
31+
</div>
32+
<!--end of row-->
33+
{{ range where .Data.Pages.ByDate "Section" "presentations"}}
34+
<div class="row v-align-children">
35+
<div class="col-md-7 col-sm-6 text-center mb-xs-24">
36+
<a href="{{ .Permalink }}"><img class="cast-shadow" alt="Screenshot" src="{{ .Params.cover }}" /></a>
37+
</div>
38+
<div class="col-md-4 col-md-offset-1 col-sm-5 col-sm-offset-1">
39+
<h3>{{ .Title }}</h3>
40+
<p>{{ .Description }}</p>
41+
<a class="btn btn-lg" href="{{ .Permalink }}">Watch presentation</a>
42+
</div>
43+
</div>
44+
{{ end }}
45+
<!--end of row-->
46+
</div>
47+
<!--end of container-->
48+
</section>
49+
<section class="bg-secondary" id="contact">
50+
<div class="container">
51+
<div class="row mb64 mb-xs-24">
52+
<div class="col-sm-12 col-md-10 col-md-offset-1 text-center">
53+
<h1>Contact</h1>
54+
</div>
55+
</div>
56+
<div class="row">
57+
<div class="col-sm-6 col-md-5">
58+
<h4 class="uppercase">Get In Touch</h4>
59+
<p>
60+
Do you have any questions or would you like to speak at an upcoming event?
61+
</p>
62+
<p>
63+
Reach us at <a href="mailto:[email protected]">[email protected]</a><br>
64+
Join us at <a href="www.meetup.com/staticwebtech">www.meetup.com/staticwebtech</a>.
65+
</p>
66+
<p>
67+
Events are typically held in Wikias conference rooms at 360 3rd Street #750, San Francisco, CA 94107.
68+
</p>
69+
<p>
70+
The SF STW meetup is dedicated to exploring all aspects of MSTW.
71+
</p>
72+
</div>
73+
<div class="col-sm-6 col-md-5 col-md-offset-2">
74+
<form class="form-email" data-success="Thanks for your submission, we will be in touch shortly." data-error="Please fill all fields correctly." name="contact" netlify>
75+
<input type="text" class="validate-required" name="name" placeholder="Your Name" />
76+
<input type="text" class="validate-required validate-email" name="email" placeholder="Email Address" />
77+
<textarea class="validate-required" name="message" rows="4" placeholder="Message"></textarea>
78+
<input type="submit" value="Send Message" />
79+
</form>
80+
</div>
81+
</div>
82+
<!--end of row-->
83+
<!--end of row-->
84+
</div>
85+
<!--end of container-->
86+
</section>
87+
{{ partial "footer" . }}

layouts/partials/footer.html

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
<footer class="footer-1 bg-dark">
2+
<div class="container">
3+
<div class="row">
4+
<div class="col-md-3 col-sm-6">
5+
<img src="/img/swt-logo.png" class="swt-logo">
6+
</div>
7+
<div class="col-md-3 col-sm-6">
8+
<div class="widget">
9+
<h6 class="title">Recent Presentations</h6>
10+
<hr>
11+
<ul class="link-list recent-posts">
12+
{{ range first 3 (where .Site.Pages.ByDate "Section" "presentations")}}
13+
<li>
14+
<a href="{{ .Permalink }}">{{ .Title }}</a>
15+
<span class="date">{{ .Params.presenter }}</span>
16+
</li>
17+
{{ end }}
18+
</ul>
19+
</div>
20+
<!--end of widget-->
21+
</div>
22+
<div class="col-md-3 col-sm-6">
23+
<div class="widget">
24+
<h6 class="title">Latest Updates</h6>
25+
<hr>
26+
<div class="twitter-feed">
27+
<div class="tweets-feed" data-widget-id="631948951248244737">
28+
</div>
29+
</div>
30+
</div>
31+
<!--end of widget-->
32+
</div>
33+
<div class="col-md-3 col-sm-6">
34+
<div class="widget">
35+
<h6 class="title">About</h6>
36+
<hr>
37+
<div class="instafeed" data-user-name="funsizeco">
38+
<p>SF Static Web-Tech is run by <a href="https://www.netlify.com">netlify</a>, the worlds premier <a href="https://www.netlify.com">Static Website Hosting</a>.
39+
</div>
40+
</div>
41+
<!--end of widget-->
42+
</div>
43+
</div>
44+
<!--end of row-->
45+
<div class="row">
46+
<div class="col-sm-6">
47+
<span class="sub">&copy; Copyright 2015 - MakerLoop Inc</span>
48+
</div>
49+
<div class="col-sm-6 text-right">
50+
<ul class="list-inline social-list">
51+
<li>
52+
<a href="https://twitter.com/staticwebtech">
53+
<i class="ti-twitter-alt"></i>
54+
</a>
55+
</li>
56+
<li>
57+
<a href="https://www.youtube.com/channel/UCMzabFudT_ntxlueP9R-3Vg">
58+
<i class="ti-youtube"></i>
59+
</a>
60+
</li>
61+
</ul>
62+
</div>
63+
</div>
64+
</div>
65+
<!--end of container-->
66+
<a class="btn btn-sm fade-half back-to-top inner-link" href="#top">Top</a>
67+
</footer>
68+
</div>
69+
<script src="/js/jquery.min.js"></script>
70+
<script src="/js/bootstrap.min.js"></script>
71+
<script src="/js/flexslider.min.js"></script>
72+
<script src="/js/lightbox.min.js"></script>
73+
<script src="/js/masonry.min.js"></script>
74+
<script src="/js/twitterfetcher.min.js"></script>
75+
<script src="/js/spectragram.min.js"></script>
76+
<script src="/js/ytplayer.min.js"></script>
77+
<script src="/js/countdown.min.js"></script>
78+
<script src="/js/smooth-scroll.min.js"></script>
79+
<script src="/js/parallax.js"></script>
80+
<script src="/js/scripts.js"></script>
81+
</body>
82+
</html>

layouts/partials/header.html

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>San Francisco Static Web-Tech</title>
6+
<meta name="viewport" content="width=device-width, initial-scale=0.9">
7+
<link href="/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
8+
<link href="/css/themify-icons.css" rel="stylesheet" type="text/css" media="all" />
9+
<link href="/css/flexslider.css" rel="stylesheet" type="text/css" media="all" />
10+
<link href="/css/lightbox.min.css" rel="stylesheet" type="text/css" media="all" />
11+
<link href="/css/ytplayer.css" rel="stylesheet" type="text/css" media="all" />
12+
<link href="/css/theme.css" rel="stylesheet" type="text/css" media="all" />
13+
<link href="/css/custom.css" rel="stylesheet" type="text/css" media="all" />
14+
<link href='http://fonts.googleapis.com/css?family=Lato:300,400%7CRaleway:100,400,300,500,600,700%7COpen+Sans:400,500,600' rel='stylesheet' type='text/css'>
15+
</head>
16+
<body>
17+
<div class="nav-container">
18+
<a id="top"></a>
19+
<nav class="bg-dark">
20+
<div class="nav-bar">
21+
<div class="module left">
22+
<a href="/">
23+
<img src="/img/swt-logo.png" class="swt-logo">
24+
</a>
25+
</div>
26+
<div class="module widget-handle mobile-toggle right visible-sm visible-xs">
27+
<i class="ti-menu"></i>
28+
</div>
29+
<div class="module-group right">
30+
<div class="module left">
31+
<ul class="menu">
32+
<li><a href="#contact" class="inner-link">Contact</a></li>
33+
</ul>
34+
</div>
35+
<!--end of menu module-->
36+
</div>
37+
<!--end of module group-->
38+
</div>
39+
</nav>
40+
</div>

layouts/presentations/single.html

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
{{ partial "header" }}
2+
<section class="page-title page-title-4 bg-secondary">
3+
<div class="container">
4+
<div class="row">
5+
<div class="col-md-12">
6+
<h3 class="uppercase mb0">
7+
<i class="ti-video-clapper"></i> {{ .Title}}
8+
</h3>
9+
<p class="mb0">
10+
{{ .Params.presenter }}, {{ .Params.presenter_title}} • {{ .Params.location }}, {{ dateFormat "Monday, Jan 2, 2006" .Date }}
11+
</p>
12+
</div>
13+
</div>
14+
<!--end of row-->
15+
</div>
16+
<!--end of container-->
17+
</section>
18+
<section class="pt40 pb40 bg-dark">
19+
<div class="container">
20+
<div class="row">
21+
<div class="col-sm-6 text-center">
22+
<div class="embed-video-container embed-responsive embed-responsive-16by9">
23+
{{ .Params.youtube | safeHTML }}
24+
</div>
25+
<!--end of embed video container-->
26+
</div>
27+
<div class="col-sm-6 text-center">
28+
<div class="embed-video-container embed-responsive embed-responsive-16by9">
29+
{{ .Params.speakerdeck | safeHTML }}
30+
</div>
31+
<!--end of embed video container-->
32+
</div>
33+
</div>
34+
</div>
35+
</section>
36+
<section class="pt40 pb40">
37+
<div class="container">
38+
<div class="row">
39+
<div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1">
40+
{{ .Content }}
41+
</div>
42+
</div>
43+
<!--end of row-->
44+
</div>
45+
46+
</section>
47+
{{ partial "footer" . }}

0 commit comments

Comments
 (0)