jekyll-theme-onepage 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
- SHA1:
3
- metadata.gz: 87f38f68fe3b668c3a432e9557c3fa3395973b8f
4
- data.tar.gz: f634c3d79add960018c0c09d10a91b6b44edb8b5
2
+ SHA256:
3
+ metadata.gz: 0e13ba7d4fcd92bfbae793f4d932c3aef36f6fefe428c1d49f11d62c2bf30476
4
+ data.tar.gz: 77e0ee3018d07f6631344598d33160bf53a9ad5c01c1d27c528cd81811b15bed
5
5
  SHA512:
6
- metadata.gz: 6baebc390d66f8ad44eb342abce4536950b393149af2cca3f2037b140d6a0e60fea9f80dd07c8d2d782e3915ec5b7cf8caa9c640de483ddd9ed446320493412c
7
- data.tar.gz: fded55a57a9bbb1a59b81b1f53f315f1b175b664c9c14a45e94b98997ae9c6aecadebd9b47988a767151cb267615f49c46c777e4af7884617f3e5735c1117a3e
6
+ metadata.gz: 369222922561d9f1a907fce6c607fc0c083986eb63e0a2f2de49f91696c3f13da8948f0a0c30bbf792131c15f1a6b86aabd416559e76a69cc5d73df27a1446d5
7
+ data.tar.gz: 688aee8825e9d437c070039c3aa77ec5ebe2bd0eeab5c4eeb170e822225cfd1369fc8d726dc04f37d41e2a2168cfb219996a586f8c7fb26371595d67e8724b82
@@ -1,21 +1,21 @@
1
- The MIT License (MIT)
2
-
3
- Copyright (c) 2018 Erwan JESTIN
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.
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2018 Erwan JESTIN
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 CHANGED
@@ -1,67 +1,67 @@
1
- # jekyll-theme-onepage
2
-
3
- Welcome to jekyll-theme-onepage. You'll find everything you need to built a one page website with a portfolio based on Jekyll. Every posts is a portfolio project instead of a blog post.
4
-
5
- This template is based on bootstrap (ccs, javascript) and use jQuery (javascript).
6
- This theme embed a fully functional website with a few files and code.
7
-
8
- Here is what it looks like:
9
-
10
- ![Screenshot](screenshot.png)
11
-
12
- ## Installation
13
-
14
- Add this line to your Jekyll site's `Gemfile`:
15
-
16
- ```ruby
17
- gem "jekyll-theme-onepage"
18
- ```
19
-
20
- And add this line to your Jekyll site's `_config.yml`:
21
-
22
- ```yaml
23
- theme: jekyll-theme-onepage
24
- ```
25
-
26
- And then execute:
27
-
28
- $ bundle install
29
-
30
- Or install it yourself as:
31
-
32
- $ gem install jekyll-theme-onepage
33
-
34
- To correctly show a portfolio project, add into the YAML syntax of your post:
35
-
36
- ```yaml
37
- subtitle: "Give me a subtitle"
38
- poster: "image.jpg"
39
- ```
40
- The `poster` attribute will be used to show a thumbnail of the project in the portfolio section. This attribute needs to be the name of a existing image placed in "*assets/img/*".
41
-
42
- The `subtitle` is used to show a text below the title of the post.
43
-
44
- Some examples can be found in this them in `_example-posts/` folder.
45
-
46
- ## Usage
47
-
48
- There are 2 defaults layouts :
49
-
50
- - home, used in the home page only
51
- - post, used for all posts
52
-
53
- You can replace the build-in images (`assets/img/`) by your own.
54
-
55
- ## Development
56
-
57
- To set up your environment to develop this theme, run `bundle install`.
58
-
59
- 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.
60
-
61
- When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
62
- To add a custom directory to your theme-gem, please edit the regexp in `jekyll-theme-onepage.gemspec` accordingly.
63
-
64
- ## License
65
-
66
- The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
67
-
1
+ # jekyll-theme-onepage
2
+
3
+ Welcome to jekyll-theme-onepage. You'll find everything you need to built a one page website with a portfolio based on Jekyll. Every posts is a portfolio project instead of a blog post.
4
+
5
+ This template is based on bootstrap (css, javascript) and use jQuery (javascript).
6
+ This theme embed a fully functional website with a few files and code.
7
+
8
+ Here is what it looks like:
9
+
10
+ ![Screenshot](screenshot.png)
11
+
12
+ ## Installation
13
+
14
+ Add this line to your Jekyll site's `Gemfile`:
15
+
16
+ ```ruby
17
+ gem "jekyll-theme-onepage"
18
+ ```
19
+
20
+ And add this line to your Jekyll site's `_config.yml`:
21
+
22
+ ```yaml
23
+ theme: jekyll-theme-onepage
24
+ ```
25
+
26
+ And then execute:
27
+
28
+ $ bundle install
29
+
30
+ Or install it yourself as:
31
+
32
+ $ gem install jekyll-theme-onepage
33
+
34
+ To correctly show a portfolio project, add into the YAML syntax of your post:
35
+
36
+ ```yaml
37
+ subtitle: "Give me a subtitle"
38
+ poster: "image.jpg"
39
+ ```
40
+ The `poster` attribute will be used to show a thumbnail of the project in the portfolio section. This attribute needs to be the name of a existing image placed in "*assets/img/*".
41
+
42
+ The `subtitle` is used to show a text below the title of the post.
43
+
44
+ Some examples can be found in this them in `_example-posts/` folder.
45
+
46
+ ## Usage
47
+
48
+ There are 2 defaults layouts :
49
+
50
+ - home, used in the home page only
51
+ - post, used for all posts
52
+
53
+ You can replace the build-in images (`assets/img/`) by your own.
54
+
55
+ ## Development
56
+
57
+ To set up your environment to develop this theme, run `bundle install`.
58
+
59
+ 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.
60
+
61
+ When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
62
+ To add a custom directory to your theme-gem, please edit the regexp in `jekyll-theme-onepage.gemspec` accordingly.
63
+
64
+ ## License
65
+
66
+ The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
67
+
@@ -1,15 +1,15 @@
1
- ---
2
- layout: post
3
- title: "Jekyll"
4
- subtitle: "Create your own page with Jekyll"
5
- date: 2018-02-07 18:40:47 +0100
6
- poster: "portfolio-1.jpg"
7
- ---
8
-
9
- Etiam nec nisi magna. Maecenas vel pulvinar risus. Aliquam erat volutpat. Etiam nec nibh at tortor faucibus venenatis vel eget sapien. Donec iaculis vulputate justo, vel laoreet sem viverra a. Morbi vel arcu ante. Cras at magna eget purus pharetra lobortis.
10
-
11
- Nam et pulvinar tortor. Integer vel lorem convallis, blandit quam in, sodales ipsum. Quisque ex ante, fermentum sed ornare sed, ultrices vel massa.
12
-
13
- Donec blandit nisl ac libero congue feugiat sit amet tincidunt quam. Donec tellus lectus, euismod quis erat nec, tincidunt dictum neque.
14
-
1
+ ---
2
+ layout: post
3
+ title: "Jekyll"
4
+ subtitle: "Create your own page with Jekyll"
5
+ date: 2018-02-07 18:40:47 +0100
6
+ poster: "portfolio-1.jpg"
7
+ ---
8
+
9
+ Etiam nec nisi magna. Maecenas vel pulvinar risus. Aliquam erat volutpat. Etiam nec nibh at tortor faucibus venenatis vel eget sapien. Donec iaculis vulputate justo, vel laoreet sem viverra a. Morbi vel arcu ante. Cras at magna eget purus pharetra lobortis.
10
+
11
+ Nam et pulvinar tortor. Integer vel lorem convallis, blandit quam in, sodales ipsum. Quisque ex ante, fermentum sed ornare sed, ultrices vel massa.
12
+
13
+ Donec blandit nisl ac libero congue feugiat sit amet tincidunt quam. Donec tellus lectus, euismod quis erat nec, tincidunt dictum neque.
14
+
15
15
  Quisque id nisi in dui iaculis finibus. Vivamus id pretium neque. Donec a dictum orci, in maximus justo. Praesent sit amet magna rhoncus, vehicula ex ac, cursus nisi. Aenean ultricies turpis in viverra semper. Integer dictum purus a urna eleifend pulvinar. Nam nec lobortis ligula. Sed mollis rutrum orci ac pharetra. Fusce nec luctus urna, eget hendrerit diam. Fusce porta quis urna at dapibus.
@@ -1,15 +1,15 @@
1
- ---
2
- layout: post
3
- title: "This is my last project"
4
- subtitle: "How can we create a theme with Jekyll ?"
5
- date: 2018-02-07 21:40:47 +0100
6
- poster: "portfolio-4.jpg"
7
- ---
8
-
9
- Etiam nec nisi magna. Maecenas vel pulvinar risus. Aliquam erat volutpat. Etiam nec nibh at tortor faucibus venenatis vel eget sapien. Donec iaculis vulputate justo, vel laoreet sem viverra a. Morbi vel arcu ante. Cras at magna eget purus pharetra lobortis.
10
-
11
- Nam et pulvinar tortor. Integer vel lorem convallis, blandit quam in, sodales ipsum. Quisque ex ante, fermentum sed ornare sed, ultrices vel massa.
12
-
13
- Donec blandit nisl ac libero congue feugiat sit amet tincidunt quam. Donec tellus lectus, euismod quis erat nec, tincidunt dictum neque.
14
-
1
+ ---
2
+ layout: post
3
+ title: "This is my last project"
4
+ subtitle: "How can we create a theme with Jekyll ?"
5
+ date: 2018-02-07 21:40:47 +0100
6
+ poster: "portfolio-4.jpg"
7
+ ---
8
+
9
+ Etiam nec nisi magna. Maecenas vel pulvinar risus. Aliquam erat volutpat. Etiam nec nibh at tortor faucibus venenatis vel eget sapien. Donec iaculis vulputate justo, vel laoreet sem viverra a. Morbi vel arcu ante. Cras at magna eget purus pharetra lobortis.
10
+
11
+ Nam et pulvinar tortor. Integer vel lorem convallis, blandit quam in, sodales ipsum. Quisque ex ante, fermentum sed ornare sed, ultrices vel massa.
12
+
13
+ Donec blandit nisl ac libero congue feugiat sit amet tincidunt quam. Donec tellus lectus, euismod quis erat nec, tincidunt dictum neque.
14
+
15
15
  Quisque id nisi in dui iaculis finibus. Vivamus id pretium neque. Donec a dictum orci, in maximus justo. Praesent sit amet magna rhoncus, vehicula ex ac, cursus nisi. Aenean ultricies turpis in viverra semper. Integer dictum purus a urna eleifend pulvinar. Nam nec lobortis ligula. Sed mollis rutrum orci ac pharetra. Fusce nec luctus urna, eget hendrerit diam. Fusce porta quis urna at dapibus.
@@ -1,15 +1,15 @@
1
- ---
2
- layout: post
3
- title: "HTML/CSS"
4
- subtitle: "Learn the basics of HTML & CSS"
5
- date: 2018-02-07 19:40:47 +0100
6
- poster: "portfolio-2.jpg"
7
- ---
8
-
9
- Etiam nec nisi magna. Maecenas vel pulvinar risus. Aliquam erat volutpat. Etiam nec nibh at tortor faucibus venenatis vel eget sapien. Donec iaculis vulputate justo, vel laoreet sem viverra a. Morbi vel arcu ante. Cras at magna eget purus pharetra lobortis.
10
-
11
- Nam et pulvinar tortor. Integer vel lorem convallis, blandit quam in, sodales ipsum. Quisque ex ante, fermentum sed ornare sed, ultrices vel massa.
12
-
13
- Donec blandit nisl ac libero congue feugiat sit amet tincidunt quam. Donec tellus lectus, euismod quis erat nec, tincidunt dictum neque.
14
-
1
+ ---
2
+ layout: post
3
+ title: "HTML/CSS"
4
+ subtitle: "Learn the basics of HTML & CSS"
5
+ date: 2018-02-07 19:40:47 +0100
6
+ poster: "portfolio-2.jpg"
7
+ ---
8
+
9
+ Etiam nec nisi magna. Maecenas vel pulvinar risus. Aliquam erat volutpat. Etiam nec nibh at tortor faucibus venenatis vel eget sapien. Donec iaculis vulputate justo, vel laoreet sem viverra a. Morbi vel arcu ante. Cras at magna eget purus pharetra lobortis.
10
+
11
+ Nam et pulvinar tortor. Integer vel lorem convallis, blandit quam in, sodales ipsum. Quisque ex ante, fermentum sed ornare sed, ultrices vel massa.
12
+
13
+ Donec blandit nisl ac libero congue feugiat sit amet tincidunt quam. Donec tellus lectus, euismod quis erat nec, tincidunt dictum neque.
14
+
15
15
  Quisque id nisi in dui iaculis finibus. Vivamus id pretium neque. Donec a dictum orci, in maximus justo. Praesent sit amet magna rhoncus, vehicula ex ac, cursus nisi. Aenean ultricies turpis in viverra semper. Integer dictum purus a urna eleifend pulvinar. Nam nec lobortis ligula. Sed mollis rutrum orci ac pharetra. Fusce nec luctus urna, eget hendrerit diam. Fusce porta quis urna at dapibus.
@@ -1,15 +1,15 @@
1
- ---
2
- layout: post
3
- title: "Javascript"
4
- subtitle: "Discover the wonder of javascript"
5
- date: 2018-02-07 20:40:47 +0100
6
- poster: "portfolio-3.jpg"
7
- ---
8
-
9
- Etiam nec nisi magna. Maecenas vel pulvinar risus. Aliquam erat volutpat. Etiam nec nibh at tortor faucibus venenatis vel eget sapien. Donec iaculis vulputate justo, vel laoreet sem viverra a. Morbi vel arcu ante. Cras at magna eget purus pharetra lobortis.
10
-
11
- Nam et pulvinar tortor. Integer vel lorem convallis, blandit quam in, sodales ipsum. Quisque ex ante, fermentum sed ornare sed, ultrices vel massa.
12
-
13
- Donec blandit nisl ac libero congue feugiat sit amet tincidunt quam. Donec tellus lectus, euismod quis erat nec, tincidunt dictum neque.
14
-
1
+ ---
2
+ layout: post
3
+ title: "Javascript"
4
+ subtitle: "Discover the wonder of javascript"
5
+ date: 2018-02-07 20:40:47 +0100
6
+ poster: "portfolio-3.jpg"
7
+ ---
8
+
9
+ Etiam nec nisi magna. Maecenas vel pulvinar risus. Aliquam erat volutpat. Etiam nec nibh at tortor faucibus venenatis vel eget sapien. Donec iaculis vulputate justo, vel laoreet sem viverra a. Morbi vel arcu ante. Cras at magna eget purus pharetra lobortis.
10
+
11
+ Nam et pulvinar tortor. Integer vel lorem convallis, blandit quam in, sodales ipsum. Quisque ex ante, fermentum sed ornare sed, ultrices vel massa.
12
+
13
+ Donec blandit nisl ac libero congue feugiat sit amet tincidunt quam. Donec tellus lectus, euismod quis erat nec, tincidunt dictum neque.
14
+
15
15
  Quisque id nisi in dui iaculis finibus. Vivamus id pretium neque. Donec a dictum orci, in maximus justo. Praesent sit amet magna rhoncus, vehicula ex ac, cursus nisi. Aenean ultricies turpis in viverra semper. Integer dictum purus a urna eleifend pulvinar. Nam nec lobortis ligula. Sed mollis rutrum orci ac pharetra. Fusce nec luctus urna, eget hendrerit diam. Fusce porta quis urna at dapibus.
@@ -1,23 +1,23 @@
1
- <!-- Footer -->
2
- <footer class="footer text-center">
3
- <div class="container">
4
- <ul class="list-inline mb-5">
5
- <li class="list-inline-item">
6
- <a class="social-link rounded-circle text-white mr-3" href="#">
7
- <i class="icon-social-facebook"></i>
8
- </a>
9
- </li>
10
- <li class="list-inline-item">
11
- <a class="social-link rounded-circle text-white mr-3" href="#">
12
- <i class="icon-social-twitter"></i>
13
- </a>
14
- </li>
15
- <li class="list-inline-item">
16
- <a class="social-link rounded-circle text-white" href="#">
17
- <i class="icon-social-github"></i>
18
- </a>
19
- </li>
20
- </ul>
21
- <p class="text-muted small mb-0">Copyright &copy; Your Website 2017. Based on <a target="_blank" href="https://startbootstrap.com/template-overviews/stylish-portfolio">Start Bootstrap - Stylish Portfolio</a></p>
22
- </div>
1
+ <!-- Footer -->
2
+ <footer class="footer text-center">
3
+ <div class="container">
4
+ <ul class="list-inline mb-5">
5
+ <li class="list-inline-item">
6
+ <a class="social-link rounded-circle text-white mr-3" href="#">
7
+ <i class="icon-social-facebook"></i>
8
+ </a>
9
+ </li>
10
+ <li class="list-inline-item">
11
+ <a class="social-link rounded-circle text-white mr-3" href="#">
12
+ <i class="icon-social-twitter"></i>
13
+ </a>
14
+ </li>
15
+ <li class="list-inline-item">
16
+ <a class="social-link rounded-circle text-white" href="#">
17
+ <i class="icon-social-github"></i>
18
+ </a>
19
+ </li>
20
+ </ul>
21
+ <p class="text-muted small mb-0">Copyright &copy; Your Website 2017. Based on <a target="_blank" href="https://startbootstrap.com/template-overviews/stylish-portfolio">Start Bootstrap - Stylish Portfolio</a></p>
22
+ </div>
23
23
  </footer>
@@ -1,25 +1,25 @@
1
- <head>
2
-
3
- <meta charset="utf-8">
4
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
5
- <meta name="description" content="">
6
- <meta name="author" content="">
7
-
8
- {% if page.title %}
9
- <title>{{ page.title }}</title>
10
- {% else %}
11
- <title>Jekyll Theme OnePage</title>
12
- {% endif %}
13
-
14
- <!-- Bootstrap Core CSS -->
15
- <link href="{{ "/assets/css/vendor/bootstrap.min.css" | relative_url }}" rel="stylesheet">
16
-
17
- <!-- Custom Fonts -->
18
- <link href="{{ "/assets/css/vendor/font-awesome.min.css" | relative_url }}" rel="stylesheet" type="text/css">
19
- <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
20
- <link href="{{ "assets/css/vendor/simple-line-icons.css" | relative_url }}" rel="stylesheet">
21
-
22
- <!-- Custom CSS -->
23
- <link href="{{ "assets/css/style.css" | relative_url }}" rel="stylesheet">
24
- <link href="{{ "assets/css/style-posts.css" | relative_url }}" rel="stylesheet">
1
+ <head>
2
+
3
+ <meta charset="utf-8">
4
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
5
+ <meta name="description" content="">
6
+ <meta name="author" content="">
7
+
8
+ {% if page.title %}
9
+ <title>{{ page.title }}</title>
10
+ {% else %}
11
+ <title>Jekyll Theme OnePage</title>
12
+ {% endif %}
13
+
14
+ <!-- Bootstrap Core CSS -->
15
+ <link href="{{ "/assets/css/vendor/bootstrap.min.css" | relative_url }}" rel="stylesheet">
16
+
17
+ <!-- Custom Fonts -->
18
+ <link href="{{ "/assets/css/vendor/font-awesome.min.css" | relative_url }}" rel="stylesheet" type="text/css">
19
+ <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
20
+ <link href="{{ "assets/css/vendor/simple-line-icons.css" | relative_url }}" rel="stylesheet">
21
+
22
+ <!-- Custom CSS -->
23
+ <link href="{{ "assets/css/style.css" | relative_url }}" rel="stylesheet">
24
+ <link href="{{ "assets/css/style-posts.css" | relative_url }}" rel="stylesheet">
25
25
  </head>
@@ -1,7 +1,7 @@
1
- <header>
2
- <div class="menu container text-left">
3
- <ul>
4
- <li><a href="/">Home</a></li>
5
- </ul>
6
- </div>
7
- </header>
1
+ <header>
2
+ <div class="menu container text-left">
3
+ <ul>
4
+ <li><a href="/">Home</a></li>
5
+ </ul>
6
+ </div>
7
+ </header>
@@ -1,165 +1,165 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
-
4
- {% include head.html %}
5
-
6
- <body id="page-top">
7
- <!-- Navigation -->
8
- <a class="menu-toggle rounded" href="#">
9
- <i class="fa fa-bars"></i>
10
- </a>
11
- <nav id="sidebar-wrapper">
12
- <ul class="sidebar-nav">
13
- <li class="sidebar-brand">
14
- <a class="js-scroll-trigger" href="#page-top">Start</a>
15
- </li>
16
- <li class="sidebar-nav-item">
17
- <a class="js-scroll-trigger" href="#page-top">Home</a>
18
- </li>
19
- <li class="sidebar-nav-item">
20
- <a class="js-scroll-trigger" href="#about">About</a>
21
- </li>
22
- <li class="sidebar-nav-item">
23
- <a class="js-scroll-trigger" href="#services">Services</a>
24
- </li>
25
- <li class="sidebar-nav-item">
26
- <a class="js-scroll-trigger" href="#portfolio">Portfolio</a>
27
- </li>
28
- <li class="sidebar-nav-item">
29
- <a class="js-scroll-trigger" href="#contact">Contact</a>
30
- </li>
31
- </ul>
32
- </nav>
33
-
34
- <!-- Header -->
35
- <header class="masthead d-flex">
36
- <div class="container text-center my-auto">
37
- <h1 class="mb-1">Bootstrap</h1>
38
- <h3 class="mb-5">
39
- <em>A Bootstrap Theme for Jekyll</em>
40
- </h3>
41
- <a id="cta-button" class="btn btn-primary btn-xl js-scroll-trigger btn-no-bold" href="#about">Find Out More</a>
42
- </div>
43
- <div class="overlay"></div>
44
- </header>
45
-
46
- <!-- About -->
47
- <section class="content-section bg-light" id="about">
48
- <div class="container text-center">
49
- <div class="row">
50
- <div class="col-lg-10 mx-auto">
51
- <h2>Jekyll-theme-onepage is the perfect theme for your next project!</h2>
52
- </div>
53
- <div class="col-lg-6">
54
- <img style="height:300px; overflow: hidden;" src="assets/img/advanced-feature-2.jpg" title="About" />
55
- </div>
56
- <div class="col-lg-6">
57
- <p class="mb-5 desc-font">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis velit nulla, iaculis nec efficitur sed, fermentum sed odio. Nunc commodo enim eget elit egestas, ac finibus nisl tempus. Integer elementum sapien ut tortor pulvinar fringilla fringilla ac felis.</p>
58
- </div>
59
- </div>
60
- </div>
61
- </section>
62
-
63
- <!-- Services -->
64
- <section class="content-section bg-primary text-white text-center" id="services">
65
- <div class="container">
66
- <div class="content-section-heading">
67
- <h3 class="text-secondary mb-0">Services</h3>
68
- <h2 class="mb-5">What We Offer</h2>
69
- </div>
70
- <div class="row">
71
- <div class="col-lg-3 col-md-6 mb-5 mb-lg-0">
72
- <span class="service-icon rounded-circle mx-auto mb-3">
73
- <i class="icon-screen-smartphone"></i>
74
- </span>
75
- <h4>
76
- <strong>Responsive</strong>
77
- </h4>
78
- <p class="text-faded mb-0">Looks great on any screen size!</p>
79
- </div>
80
- <div class="col-lg-3 col-md-6 mb-5 mb-lg-0">
81
- <span class="service-icon rounded-circle mx-auto mb-3">
82
- <i class="icon-pencil"></i>
83
- </span>
84
- <h4>
85
- <strong>Redesigned</strong>
86
- </h4>
87
- <p class="text-faded mb-0">Freshly redesigned for Bootstrap 4.</p>
88
- </div>
89
- <div class="col-lg-3 col-md-6 mb-5 mb-md-0">
90
- <span class="service-icon rounded-circle mx-auto mb-3">
91
- <i class="icon-like"></i>
92
- </span>
93
- <h4>
94
- <strong>Favorited</strong>
95
- </h4>
96
- <p class="text-faded mb-0">Millions of users
97
- <i class="fa fa-heart"></i>
98
- Start Bootstrap!</p>
99
- </div>
100
- <div class="col-lg-3 col-md-6">
101
- <span class="service-icon rounded-circle mx-auto mb-3">
102
- <i class="icon-mustache"></i>
103
- </span>
104
- <h4>
105
- <strong>Question</strong>
106
- </h4>
107
- <p class="text-faded mb-0">I mustache you a question...</p>
108
- </div>
109
- </div>
110
- </div>
111
- </section>
112
-
113
- <!-- Portfolio -->
114
- <section class="content-section" id="portfolio">
115
- <div class="container">
116
- <div class="content-section-heading text-center">
117
- <h3 class="text-secondary mb-0">Portfolio</h3>
118
- <h2 class="mb-5">Recent Projects</h2>
119
- </div>
120
- <div class="row no-gutters">
121
- {% assign mid = site.posts | sort: 'date' %}
122
- {% assign posts = mid | reverse %}
123
- {% for post in posts limit:4 %}
124
- <div class="col-lg-6">
125
- <a class="portfolio-item" href="{{ post.url | relative_url }}">
126
- <span class="caption">
127
- <span class="caption-content">
128
- <h2>{{ post.title | escape }}</h2>
129
- <p class="mb-0">{{ post.subtitle | escape }}</p>
130
- </span>
131
- </span>
132
- <img class="img-fluid" src="assets/img/{{ post.poster | relative_url }}" alt="">
133
- </a>
134
- </div>
135
- {% endfor %}
136
- </div>
137
- </div>
138
- </section>
139
-
140
- <!-- Map -->
141
- <section id="contact" class="map">
142
- <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d86684.44774751233!2d-1.630095528999009!3d47.23831721314243!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4805ee81f0a8aead%3A0x40d37521e0ded30!2sNantes!5e0!3m2!1sfr!2sfr!4v1518272910918" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
143
- <br/>
144
- </section>
145
-
146
- {% include footer.html %}
147
-
148
- <!-- Scroll to Top Button-->
149
- <a class="scroll-to-top rounded js-scroll-trigger" href="#page-top">
150
- <i class="fa fa-angle-up"></i>
151
- </a>
152
-
153
- <!-- Bootstrap core JavaScript -->
154
- <script src="{{ "/assets/js/vendor/jquery.min.js" | relative_url }}"></script>
155
- <script src="{{ "/assets/js/vendor/bootstrap.bundle.min.js" | relative_url }}"></script>
156
-
157
- <!-- Plugin JavaScript -->
158
- <script src="{{ "/assets/js/vendor/jquery.easing.min.js" | relative_url }}"></script>
159
-
160
- <!-- Custom scripts for this template -->
161
- <script src="{{ "/assets/js/main.js" | relative_url }}"></script>
162
-
163
- </body>
164
-
165
- </html>
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ {% include head.html %}
5
+
6
+ <body id="page-top">
7
+ <!-- Navigation -->
8
+ <a class="menu-toggle rounded" href="#">
9
+ <i class="fa fa-bars"></i>
10
+ </a>
11
+ <nav id="sidebar-wrapper">
12
+ <ul class="sidebar-nav">
13
+ <li class="sidebar-brand">
14
+ <a class="js-scroll-trigger" href="#page-top">Start</a>
15
+ </li>
16
+ <li class="sidebar-nav-item">
17
+ <a class="js-scroll-trigger" href="#page-top">Home</a>
18
+ </li>
19
+ <li class="sidebar-nav-item">
20
+ <a class="js-scroll-trigger" href="#about">About</a>
21
+ </li>
22
+ <li class="sidebar-nav-item">
23
+ <a class="js-scroll-trigger" href="#services">Services</a>
24
+ </li>
25
+ <li class="sidebar-nav-item">
26
+ <a class="js-scroll-trigger" href="#portfolio">Portfolio</a>
27
+ </li>
28
+ <li class="sidebar-nav-item">
29
+ <a class="js-scroll-trigger" href="#contact">Contact</a>
30
+ </li>
31
+ </ul>
32
+ </nav>
33
+
34
+ <!-- Header -->
35
+ <header class="masthead d-flex">
36
+ <div class="container text-center my-auto">
37
+ <h1 class="mb-1">Bootstrap</h1>
38
+ <h3 class="mb-5">
39
+ <em>A Bootstrap Theme for Jekyll</em>
40
+ </h3>
41
+ <a id="cta-button" class="btn btn-primary btn-xl js-scroll-trigger btn-no-bold" href="#about">Find Out More</a>
42
+ </div>
43
+ <div class="overlay"></div>
44
+ </header>
45
+
46
+ <!-- About -->
47
+ <section class="content-section bg-light" id="about">
48
+ <div class="container text-center">
49
+ <div class="row">
50
+ <div class="col-lg-10 mx-auto">
51
+ <h2>Jekyll-theme-onepage is the perfect theme for your next project!</h2>
52
+ </div>
53
+ <div class="col-lg-6">
54
+ <img style="height:300px; overflow: hidden;" src="assets/img/advanced-feature-2.jpg" title="About" />
55
+ </div>
56
+ <div class="col-lg-6">
57
+ <p class="mb-5 desc-font">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis velit nulla, iaculis nec efficitur sed, fermentum sed odio. Nunc commodo enim eget elit egestas, ac finibus nisl tempus. Integer elementum sapien ut tortor pulvinar fringilla fringilla ac felis.</p>
58
+ </div>
59
+ </div>
60
+ </div>
61
+ </section>
62
+
63
+ <!-- Services -->
64
+ <section class="content-section bg-primary text-white text-center" id="services">
65
+ <div class="container">
66
+ <div class="content-section-heading">
67
+ <h3 class="text-secondary mb-0">Services</h3>
68
+ <h2 class="mb-5">What We Offer</h2>
69
+ </div>
70
+ <div class="row">
71
+ <div class="col-lg-3 col-md-6 mb-5 mb-lg-0">
72
+ <span class="service-icon rounded-circle mx-auto mb-3">
73
+ <i class="icon-screen-smartphone"></i>
74
+ </span>
75
+ <h4>
76
+ <strong>Responsive</strong>
77
+ </h4>
78
+ <p class="text-faded mb-0">Looks great on any screen size!</p>
79
+ </div>
80
+ <div class="col-lg-3 col-md-6 mb-5 mb-lg-0">
81
+ <span class="service-icon rounded-circle mx-auto mb-3">
82
+ <i class="icon-pencil"></i>
83
+ </span>
84
+ <h4>
85
+ <strong>Redesigned</strong>
86
+ </h4>
87
+ <p class="text-faded mb-0">Freshly redesigned for Bootstrap 4.</p>
88
+ </div>
89
+ <div class="col-lg-3 col-md-6 mb-5 mb-md-0">
90
+ <span class="service-icon rounded-circle mx-auto mb-3">
91
+ <i class="icon-like"></i>
92
+ </span>
93
+ <h4>
94
+ <strong>Favorited</strong>
95
+ </h4>
96
+ <p class="text-faded mb-0">Millions of users
97
+ <i class="fa fa-heart"></i>
98
+ Start Bootstrap!</p>
99
+ </div>
100
+ <div class="col-lg-3 col-md-6">
101
+ <span class="service-icon rounded-circle mx-auto mb-3">
102
+ <i class="icon-mustache"></i>
103
+ </span>
104
+ <h4>
105
+ <strong>Question</strong>
106
+ </h4>
107
+ <p class="text-faded mb-0">I mustache you a question...</p>
108
+ </div>
109
+ </div>
110
+ </div>
111
+ </section>
112
+
113
+ <!-- Portfolio -->
114
+ <section class="content-section" id="portfolio">
115
+ <div class="container">
116
+ <div class="content-section-heading text-center">
117
+ <h3 class="text-secondary mb-0">Portfolio</h3>
118
+ <h2 class="mb-5">Recent Projects</h2>
119
+ </div>
120
+ <div class="row no-gutters">
121
+ {% assign mid = site.posts | sort: 'date' %}
122
+ {% assign posts = mid | reverse %}
123
+ {% for post in posts limit:4 %}
124
+ <div class="col-lg-6">
125
+ <a class="portfolio-item" href="{{ post.url | relative_url }}">
126
+ <span class="caption">
127
+ <span class="caption-content">
128
+ <h2>{{ post.title | escape }}</h2>
129
+ <p class="mb-0">{{ post.subtitle | escape }}</p>
130
+ </span>
131
+ </span>
132
+ <img class="img-fluid" src="assets/img/{{ post.poster | relative_url }}" alt="">
133
+ </a>
134
+ </div>
135
+ {% endfor %}
136
+ </div>
137
+ </div>
138
+ </section>
139
+
140
+ <!-- Map -->
141
+ <section id="contact" class="map">
142
+ <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d86684.44774751233!2d-1.630095528999009!3d47.23831721314243!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4805ee81f0a8aead%3A0x40d37521e0ded30!2sNantes!5e0!3m2!1sfr!2sfr!4v1518272910918" width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
143
+ <br/>
144
+ </section>
145
+
146
+ {% include footer.html %}
147
+
148
+ <!-- Scroll to Top Button-->
149
+ <a class="scroll-to-top rounded js-scroll-trigger" href="#page-top">
150
+ <i class="fa fa-angle-up"></i>
151
+ </a>
152
+
153
+ <!-- Bootstrap core JavaScript -->
154
+ <script src="{{ "/assets/js/vendor/jquery.min.js" | relative_url }}"></script>
155
+ <script src="{{ "/assets/js/vendor/bootstrap.bundle.min.js" | relative_url }}"></script>
156
+
157
+ <!-- Plugin JavaScript -->
158
+ <script src="{{ "/assets/js/vendor/jquery.easing.min.js" | relative_url }}"></script>
159
+
160
+ <!-- Custom scripts for this template -->
161
+ <script src="{{ "/assets/js/main.js" | relative_url }}"></script>
162
+
163
+ </body>
164
+
165
+ </html>