jekyll-jam-theme 0.1.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +112 -0
- data/_includes/blog-feed.html +17 -0
- data/_includes/carousel.html +33 -0
- data/_includes/contact.html +40 -0
- data/_includes/cookies.html +10 -0
- data/_includes/footer.html +10 -0
- data/_includes/google_analytics.html +9 -0
- data/_includes/head.html +10 -0
- data/_includes/nav-bar.html +11 -0
- data/_includes/nav-burger.html +11 -0
- data/_layouts/default.html +7 -0
- data/_layouts/home.html +70 -0
- data/_layouts/page.html +5 -0
- data/_layouts/post.html +24 -0
- data/_posts/2017-12-12-welcome-to-material-jekyll.md +45 -0
- data/_posts/2017-12-13-hello-world.md +46 -0
- data/assets/css/materialize.css +9401 -0
- data/assets/css/materialize.min.css +16 -0
- data/assets/fonts/roboto/Roboto-Bold.woff +0 -0
- data/assets/fonts/roboto/Roboto-Bold.woff2 +0 -0
- data/assets/fonts/roboto/Roboto-Light.woff +0 -0
- data/assets/fonts/roboto/Roboto-Light.woff2 +0 -0
- data/assets/fonts/roboto/Roboto-Medium.woff +0 -0
- data/assets/fonts/roboto/Roboto-Medium.woff2 +0 -0
- data/assets/fonts/roboto/Roboto-Regular.woff +0 -0
- data/assets/fonts/roboto/Roboto-Regular.woff2 +0 -0
- data/assets/fonts/roboto/Roboto-Thin.woff +0 -0
- data/assets/fonts/roboto/Roboto-Thin.woff2 +0 -0
- data/assets/images/background2.jpg +0 -0
- data/assets/images/background3.jpg +0 -0
- data/assets/images/contact.jpg +0 -0
- data/assets/images/contact2.jpg +0 -0
- data/assets/images/contact3.jpg +0 -0
- data/assets/images/contact4.png +0 -0
- data/assets/images/desk.jpg +0 -0
- data/assets/images/laptop.png +0 -0
- data/assets/images/laptop_red.jpg +0 -0
- data/assets/images/startup.jpg +0 -0
- data/assets/images/startup2.jpg +0 -0
- data/assets/images/startup3.jpg +0 -0
- data/assets/images/twoscreen.jpg +0 -0
- data/assets/images/typewriter.jpg +0 -0
- data/assets/images/vintage.jpg +0 -0
- data/assets/js/init.js +17 -0
- data/assets/js/jquery-3.2.1.min.js +4 -0
- data/assets/js/materialize.js +10021 -0
- data/assets/js/materialize.min.js +6 -0
- metadata +134 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA1:
|
3
|
+
metadata.gz: 0077ea665451510ef7ae0e030eca57b6ddef9408
|
4
|
+
data.tar.gz: 86e29b17e3e1a78c8c197643a4190a0c42a342b1
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 6861b50d4326ff07fb3e2a7f210df66018a54dbdb26aef0e9ab69ece09c9b14be7adff766377c0415195b5f7db714aeffcdd796c4f664c1e8340c6c12cdeb1c1
|
7
|
+
data.tar.gz: 723e3ce21244ca2f49625985afab61481e41d201a28229833a6ae9ad0d12fb97de12b5d47f953118732c680c681d5acadbaf234e3a7420a51ddf2442ab306b46
|
data/LICENSE.txt
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
The MIT License (MIT)
|
2
|
+
|
3
|
+
Copyright (c) 2017
|
4
|
+
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
7
|
+
in the Software without restriction, including without limitation the rights
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
10
|
+
furnished to do so, subject to the following conditions:
|
11
|
+
|
12
|
+
The above copyright notice and this permission notice shall be included in
|
13
|
+
all copies or substantial portions of the Software.
|
14
|
+
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
21
|
+
THE SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,112 @@
|
|
1
|
+
# Jekyll Material Theme
|
2
|
+
|
3
|
+
A Jekyll Theme based on [Material Design](https://material.io/) using [Materialize](http://materializecss.com/).
|
4
|
+
|
5
|
+
[![Gem Version](https://badge.fury.io/rb/jekyll-material-theme.svg)](https://badge.fury.io/rb/jekyll-material-theme)
|
6
|
+
|
7
|
+
<a href="https://imgur.com/3PKshVo"><img src="https://i.imgur.com/3PKshVo.gif" title="source: imgur.com" /></a>
|
8
|
+
|
9
|
+
<a href="https://imgur.com/hlB1MOw"><img src="https://i.imgur.com/hlB1MOw.gif" title="source: imgur.com" /></a>
|
10
|
+
|
11
|
+
<a href="https://imgur.com/D9DSyuk"><img src="https://i.imgur.com/D9DSyuk.gif" title="source: imgur.com" /></a>
|
12
|
+
|
13
|
+
##### Cookie Policy
|
14
|
+
|
15
|
+
If you use cookies on your site, or choose to use Google Analytics, you're able to notify visitors with this prompt. The ```Thanks!``` dialog message can be customised in your ```_config.yml``` file.
|
16
|
+
|
17
|
+
<a href="https://imgur.com/O7sICnY"><img src="https://i.imgur.com/O7sICnY.gif" title="source: imgur.com" /></a>
|
18
|
+
|
19
|
+
### [Live Demo](https://jameshamann.com)
|
20
|
+
|
21
|
+
## Installation
|
22
|
+
|
23
|
+
Add this line to your Jekyll site's `Gemfile`:
|
24
|
+
|
25
|
+
```ruby
|
26
|
+
gem "jekyll-material-theme"
|
27
|
+
```
|
28
|
+
|
29
|
+
And add this line to your Jekyll site's `_config.yml`:
|
30
|
+
|
31
|
+
```yaml
|
32
|
+
theme: jekyll-material-theme
|
33
|
+
```
|
34
|
+
|
35
|
+
And then execute:
|
36
|
+
|
37
|
+
$ bundle
|
38
|
+
|
39
|
+
Or install it yourself as:
|
40
|
+
|
41
|
+
$ gem install jekyll-material-theme
|
42
|
+
|
43
|
+
## Usage
|
44
|
+
|
45
|
+
The ```_config.yml``` file has the following options.
|
46
|
+
|
47
|
+
```yaml
|
48
|
+
title: Your awesome title
|
49
|
+
name: Your Name
|
50
|
+
email: your-email@example.com
|
51
|
+
description: Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
|
52
|
+
|
53
|
+
parallax_image_one: assets/images/startup3.jpg # These are the images used for the parallax background
|
54
|
+
parallax_image_two: assets/images/startup3.jpg
|
55
|
+
|
56
|
+
project_one: "First Project"
|
57
|
+
project_one_description: Describe your project!
|
58
|
+
project_one_url: https://github.com/jameshamann/jekyll-material-theme
|
59
|
+
project_one_icon: location_on # these are from materiailize css, the full collection is here: http://materializecss.com/icons.html
|
60
|
+
|
61
|
+
project_two: Second Project
|
62
|
+
project_two_description: Describe your project!
|
63
|
+
project_two_url: https://github.com/jameshamann/jekyll-material-theme
|
64
|
+
project_two_icon: photo_camera
|
65
|
+
|
66
|
+
|
67
|
+
project_three: Third Project
|
68
|
+
project_three_description: Describe your project!
|
69
|
+
project_three_url: https://github.com/jameshamann/jekyll-material-theme
|
70
|
+
project_three_icon: hotel
|
71
|
+
|
72
|
+
|
73
|
+
project_four: Fourth Project
|
74
|
+
project_four_description: Describe your project!
|
75
|
+
project_four_url: https://github.com/jameshamann/jekyll-material-theme
|
76
|
+
project_four_icon: restaurant
|
77
|
+
|
78
|
+
|
79
|
+
project_button: Github
|
80
|
+
|
81
|
+
github: https://github.com/jameshamann/jekyll-material-theme
|
82
|
+
medium: https://medium.com
|
83
|
+
|
84
|
+
baseurl: / # If your site is located at /blog or /home, change it here
|
85
|
+
url: http://localhost:4000/ # The URL of your site
|
86
|
+
|
87
|
+
google_analytics_tracking_id: # This looks something like UA-000000000-0 Head over to https://analytics.google.com/ to setup.
|
88
|
+
|
89
|
+
cookie_accept_message: Thanks! # The pop-up dialog that appears after accepting the cookie notice.
|
90
|
+
|
91
|
+
|
92
|
+
# Build settings
|
93
|
+
markdown: kramdown
|
94
|
+
permalink: pretty
|
95
|
+
plugins:
|
96
|
+
- jekyll-feed
|
97
|
+
- jekyll-assets
|
98
|
+
- jekyll-minifier
|
99
|
+
|
100
|
+
```
|
101
|
+
|
102
|
+
## Contributing
|
103
|
+
|
104
|
+
Bug reports and pull requests are welcome on GitHub at https://github.com/jameshamann/jekyll-material-theme. 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.
|
105
|
+
|
106
|
+
## Development
|
107
|
+
|
108
|
+
To set up your environment to develop and further customise this theme, fork the repo and explore the ```_assets``` directory, which includes all the ```css, js``` and ```font``` folders.
|
109
|
+
|
110
|
+
## License
|
111
|
+
|
112
|
+
The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
@@ -0,0 +1,17 @@
|
|
1
|
+
<div class="row">
|
2
|
+
{% for post in site.posts %}
|
3
|
+
|
4
|
+
<div class="col s12 m6">
|
5
|
+
<div class="card">
|
6
|
+
<div class="card-image">
|
7
|
+
<img src="{{post.image}}">
|
8
|
+
<span class="card-title"><a style="color:white">{{ post.title | escape }}</a></span>
|
9
|
+
<a class="btn-floating halfway-fab waves-effect waves-light red" href="{{ post.url | relative_url }}"><i class="material-icons">more_horiz</i></a>
|
10
|
+
</div>
|
11
|
+
<div class="card-content">
|
12
|
+
<p>{{post.excerpt}}</p>
|
13
|
+
</div>
|
14
|
+
</div>
|
15
|
+
</div>
|
16
|
+
{% endfor %}
|
17
|
+
</div>
|
@@ -0,0 +1,33 @@
|
|
1
|
+
<div class="carousel carousel-slider center" data-indicators="true">
|
2
|
+
<div class="carousel-fixed-item">
|
3
|
+
<i class="material-icons" style="color:white" href="https://jameshamann.com">code</i>
|
4
|
+
</div>
|
5
|
+
<div class="carousel-item white-text" style="background-color: #90a4ae;" href="#one!">
|
6
|
+
<h2>{{ site.project_one }}</h2>
|
7
|
+
<i class="medium material-icons">{{site.project_one_icon}}</i>
|
8
|
+
<p class="white-text">{{ site.project_one_description }}</p>
|
9
|
+
<br><br>
|
10
|
+
<a class="btn waves-effect waves-dark white black-text z-depth-4" target="_blank" href="{{site.project_one_url}}">{{site.project_button}}</a>
|
11
|
+
</div>
|
12
|
+
<div class="carousel-item white-text" style="background-color: #78909c;" href="#two!">
|
13
|
+
<h2>{{ site.project_two }}</h2>
|
14
|
+
<i class="medium material-icons">{{site.project_two_icon}}</i>
|
15
|
+
<p class="white-text">{{ site.project_two_description }}</p>
|
16
|
+
<br><br>
|
17
|
+
<a class="btn waves-effect waves-light white black-text z-depth-4" target="_blank" href="{{site.project_two_url}}">{{site.project_button}}</a>
|
18
|
+
</div>
|
19
|
+
<div class="carousel-item white-text" style="background-color: #607d8b;" href="{{site.project_three_url}}">
|
20
|
+
<h2>{{ site.project_three }}</h2>
|
21
|
+
<i class="medium material-icons">{{site.project_three_icon}}</i>
|
22
|
+
<p class="white-text">{{ site.project_three_description }}</p>
|
23
|
+
<br><br>
|
24
|
+
<a class="btn waves-effect waves-light white black-text z-depth-4" target="_blank" href="{{site.project_three_url}}">{{site.project_button}}</a>
|
25
|
+
</div>
|
26
|
+
<div class="carousel-item white-text" style="background-color: #546e7a" href="{{site.project_four_url}}">
|
27
|
+
<h2>{{ site.project_four }}</h2>
|
28
|
+
<i class="medium material-icons">{{site.project_four_icon}}</i>
|
29
|
+
<p class="white-text">{{ site.project_four_description }}</p>
|
30
|
+
<br><br>
|
31
|
+
<a class="btn waves-effect waves-light white black-text z-depth-4" target="_blank" href="{{site.project_four_url}}">{{site.project_button}}</a>
|
32
|
+
</div>
|
33
|
+
</div>
|
@@ -0,0 +1,40 @@
|
|
1
|
+
<div class="card medium">
|
2
|
+
<div class="card-image waves-effect waves-block waves-light">
|
3
|
+
<img class="activator" src="assets/images/contact4.png">
|
4
|
+
</div>
|
5
|
+
<div class="card-content">
|
6
|
+
<span class="card-title activator" style="text-align:right;"><a class="btn-floating waves-effect waves-light red pulse"><i class="large material-icons">arrow_drop_up</i></a></span>
|
7
|
+
<div class="row" style="text-align:center">
|
8
|
+
<a class="waves-effect waves-light btn grey darken-1" target="_blank" href="{{site.github}}"><i class="material-icons right">code</i>Github</a>
|
9
|
+
<a class="waves-effect waves-light btn green darken-2" target="_blank" href="{{site.medium}}"><i class="material-icons right">library_books</i>Medium</a>
|
10
|
+
</div>
|
11
|
+
</div>
|
12
|
+
<div class="card-reveal">
|
13
|
+
<span class="card-title grey-text text-darken-4">Contact Form<i size="large" class="material-icons right">close</i></span>
|
14
|
+
<form class="col s12" action="https://formspree.io/{{site.email}}" method="POST">
|
15
|
+
<div class="row">
|
16
|
+
<div class="input-field col s6">
|
17
|
+
<i class="material-icons prefix">account_circle</i>
|
18
|
+
<input class="validate" id="icon_prefix" type="text" name="name">
|
19
|
+
<label for="icon_prefix">Name</label>
|
20
|
+
</div>
|
21
|
+
<div class="input-field col s6">
|
22
|
+
<i class="material-icons prefix">email</i>
|
23
|
+
<input class="validate" id="email" type="email" name="_replyto">
|
24
|
+
<label for="email" data-error="Please enter a valid Email Address" data-success="Verified!">Email</label>
|
25
|
+
</div>
|
26
|
+
</div>
|
27
|
+
<div class="row">
|
28
|
+
<div class="input-field col s12">
|
29
|
+
<i class="material-icons prefix">message</i>
|
30
|
+
<textarea id="icon_prefix2" class="materialize-textarea"></textarea>
|
31
|
+
<label for="icon_prefix2">Message</label>
|
32
|
+
</div>
|
33
|
+
</div>
|
34
|
+
<button class="btn waves-effect grey waves-dark darken-3 white-text z-depth-4" type="submit" name="action">Submit
|
35
|
+
<i class="material-icons right">send</i>
|
36
|
+
</button>
|
37
|
+
</form>
|
38
|
+
|
39
|
+
</div>
|
40
|
+
</div>
|
@@ -0,0 +1,10 @@
|
|
1
|
+
|
2
|
+
<!-- Tap Target Structure -->
|
3
|
+
<div class="tap-target" data-activates="check">
|
4
|
+
<div class="tap-target-content">
|
5
|
+
<h5 style="color:black;">Cookie Policy</h5>
|
6
|
+
<p>We use Cookies on this website to track usage. By contiuning to use this website, you agree to the use of Cookies.</p>
|
7
|
+
<br><br><br>
|
8
|
+
<p><b>For more information visit the <a href "https://www.cookielaw.org/google-analytics-eu-cookie-law/">Cookie Law Website.</a><b></p>
|
9
|
+
</div>
|
10
|
+
</div>
|
@@ -0,0 +1,10 @@
|
|
1
|
+
<script type="text/javascript" src="{{site.baseurl}}/assets/js/jquery-3.2.1.min.js"></script>
|
2
|
+
<script type="text/javascript" src="{{site.baseurl}}/assets/js/materialize.min.js"></script>
|
3
|
+
<script src="{{site.baseurl}}/assets/js/init.js"></script>
|
4
|
+
</body>
|
5
|
+
<footer class="page-footer">
|
6
|
+
<div class="footer-copyright" style="padding-left: 30px">
|
7
|
+
<i class="material-icons" style="padding-right:5px">copyright</i><p>2017 Copyright {{ site.name }} | All rights reserved</p>
|
8
|
+
</div>
|
9
|
+
</footer>
|
10
|
+
</html>
|
@@ -0,0 +1,9 @@
|
|
1
|
+
<!-- Global site tag (gtag.js) - Google Analytics -->
|
2
|
+
<script async src="https://www.googletagmanager.com/gtag/js?id={{site.google_analytics_tracking_id}}"></script>
|
3
|
+
<script>
|
4
|
+
window.dataLayer = window.dataLayer || [];
|
5
|
+
function gtag(){dataLayer.push(arguments);}
|
6
|
+
gtag('js', new Date());
|
7
|
+
|
8
|
+
gtag('config', 'site.google_analytics_tracking_id');
|
9
|
+
</script>
|
data/_includes/head.html
ADDED
@@ -0,0 +1,10 @@
|
|
1
|
+
<!DOCTYPE html>
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
6
|
+
<link rel="stylesheet" type="text/css" href="{{site.baseurl}}/assets/css/materialize.css">
|
7
|
+
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
8
|
+
{{ include google_analytics.html }}
|
9
|
+
</head>
|
10
|
+
<body>
|
@@ -0,0 +1,11 @@
|
|
1
|
+
<div class="fixed-action-btn horizontal click-to-toggle">
|
2
|
+
<a class="btn-floating btn-large waves-effect waves-default pulse">
|
3
|
+
<i class="material-icons">menu</i>
|
4
|
+
</a>
|
5
|
+
<ul>
|
6
|
+
<li><a class="btn-floating blue darken-2 waves-effect waves-default" href="#home"><i class="material-icons">arrow_upward</i></a></li>
|
7
|
+
<li><a class="btn-floating green darken-2 waves-effect waves-default" href="#portfolio"><i class="material-icons">code</i></a></li>
|
8
|
+
<li><a class="btn-floating yellow darken-3 waves-effect waves-default" href="#blog"><i class="material-icons">library_books</i></a></li>
|
9
|
+
<li><a class="btn-floating red darken-1 waves-effect waves-default" href="#contact"><i class="material-icons">person</i></a></li>
|
10
|
+
</ul>
|
11
|
+
</div>
|
data/_layouts/home.html
ADDED
@@ -0,0 +1,70 @@
|
|
1
|
+
{% include head.html %}
|
2
|
+
|
3
|
+
<div id="home" class="section scrollspy">
|
4
|
+
<div id="index-banner" class="parallax-container">
|
5
|
+
<div class="section no-pad-bot">
|
6
|
+
<div class="container">
|
7
|
+
<br><br>
|
8
|
+
<h1 class="header center teal-text text-lighten-2">{{ site.title }}</h1>
|
9
|
+
<div class="row center">
|
10
|
+
<h5 class="header col s12 light">{{ site.description }}</h5>
|
11
|
+
</div>
|
12
|
+
<br><br>
|
13
|
+
|
14
|
+
</div>
|
15
|
+
</div>
|
16
|
+
<div class="parallax"><img src="{{site.parallax_image_one}}" alt="Unsplashed background img 1"></div>
|
17
|
+
</div>
|
18
|
+
</div>
|
19
|
+
|
20
|
+
<div id="cookies" style="display:{{site.cookies_banner}}">
|
21
|
+
<p style="text-align:left; padding-left:8px"><a value="hide/show" id="check" class="waves-effect waves-light green lighten-1 btn btn-floating pulse" onclick="Materialize.toast('{{site.cookie_accept_message}}', 2000)" ><i class="material-icons">check</i></a></p>
|
22
|
+
{% include cookies.html %}
|
23
|
+
</div>
|
24
|
+
|
25
|
+
<div class="container" style="padding:20px;">
|
26
|
+
<div id="portfolio" class="section scrollspy">
|
27
|
+
|
28
|
+
<h3 style="text-align:center;">Portfolio</h3>
|
29
|
+
|
30
|
+
{% include carousel.html %}
|
31
|
+
|
32
|
+
</div>
|
33
|
+
|
34
|
+
|
35
|
+
</div>
|
36
|
+
|
37
|
+
|
38
|
+
|
39
|
+
<div class="parallax-container valign-wrapper">
|
40
|
+
<div class="section no-pad-bot">
|
41
|
+
<div class="container">
|
42
|
+
<div class="row center">
|
43
|
+
|
44
|
+
</div>
|
45
|
+
</div>
|
46
|
+
</div>
|
47
|
+
<div class="parallax"><img src="{{site.parallax_image_two}}" alt="Unsplashed background img 3"></div>
|
48
|
+
</div>
|
49
|
+
|
50
|
+
|
51
|
+
<div class="container" style="padding:20px;">
|
52
|
+
<div id="blog" class="section scrollspy">
|
53
|
+
<h3 style="text-align:center;">Blog</h3>
|
54
|
+
{% include blog-feed.html %}
|
55
|
+
</div>
|
56
|
+
</div>
|
57
|
+
|
58
|
+
<div class="container" style="padding:20px;">
|
59
|
+
<div id="contact" class="section scrollspy">
|
60
|
+
<h3 style="text-align:center;">Contact</h3>
|
61
|
+
{% include contact.html %}
|
62
|
+
</div>
|
63
|
+
</div>
|
64
|
+
|
65
|
+
|
66
|
+
|
67
|
+
|
68
|
+
{% include nav-burger.html %}
|
69
|
+
|
70
|
+
{% include footer.html %}
|
data/_layouts/page.html
ADDED
data/_layouts/post.html
ADDED
@@ -0,0 +1,24 @@
|
|
1
|
+
---
|
2
|
+
layout: default
|
3
|
+
---
|
4
|
+
<div class="container">
|
5
|
+
<div class="col s10">
|
6
|
+
<div class="row" style="padding:10px;">
|
7
|
+
<a class="waves-effect waves-light btn white-text darken-2 grey z-depth-4" href="/#blog"><i class="material-icons">arrow_back</i></a>
|
8
|
+
</div>
|
9
|
+
<h3 class="post-title" itemprop="name headline" style="text-align:center">{{ page.title | escape }}</h3>
|
10
|
+
|
11
|
+
<p class="post-meta">
|
12
|
+
<time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
|
13
|
+
{% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
|
14
|
+
{{ page.date | date: date_format }}
|
15
|
+
</time>
|
16
|
+
{% if page.author %}
|
17
|
+
• <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>
|
18
|
+
{% endif %}</p>
|
19
|
+
|
20
|
+
<div class="post-content" itemprop="articleBody">
|
21
|
+
{{ content }}
|
22
|
+
</div>
|
23
|
+
</div>
|
24
|
+
</div>
|
@@ -0,0 +1,45 @@
|
|
1
|
+
---
|
2
|
+
layout: post
|
3
|
+
title: "Welcome to Jekyll!"
|
4
|
+
date: 2017-12-04 21:15:05 +0000
|
5
|
+
image: /assets/images/twoscreen.jpg
|
6
|
+
---
|
7
|
+
You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
|
8
|
+
|
9
|
+
To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
|
10
|
+
|
11
|
+
Jekyll also offers powerful support for code snippets:
|
12
|
+
|
13
|
+
{% highlight ruby %}
|
14
|
+
def print_hi(name)
|
15
|
+
puts "Hi, #{name}"
|
16
|
+
end
|
17
|
+
print_hi('Tom')
|
18
|
+
#=> prints 'Hi, Tom' to STDOUT.
|
19
|
+
{% endhighlight %}
|
20
|
+
|
21
|
+
Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
|
22
|
+
|
23
|
+
[jekyll-docs]: https://jekyllrb.com/docs/home
|
24
|
+
[jekyll-gh]: https://github.com/jekyll/jekyll
|
25
|
+
[jekyll-talk]: https://talk.jekyllrb.com/
|
26
|
+
|
27
|
+
You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
|
28
|
+
|
29
|
+
To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
|
30
|
+
|
31
|
+
Jekyll also offers powerful support for code snippets:
|
32
|
+
|
33
|
+
{% highlight ruby %}
|
34
|
+
def print_hi(name)
|
35
|
+
puts "Hi, #{name}"
|
36
|
+
end
|
37
|
+
print_hi('Tom')
|
38
|
+
#=> prints 'Hi, Tom' to STDOUT.
|
39
|
+
{% endhighlight %}
|
40
|
+
|
41
|
+
Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
|
42
|
+
|
43
|
+
[jekyll-docs]: https://jekyllrb.com/docs/home
|
44
|
+
[jekyll-gh]: https://github.com/jekyll/jekyll
|
45
|
+
[jekyll-talk]: https://talk.jekyllrb.com/
|