jekyll-volcanized 0.1.3
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/LICENSE +21 -0
- data/README.md +104 -0
- data/_includes/about.html +17 -0
- data/_includes/experience.html +6 -0
- data/_includes/footer.html +13 -0
- data/_includes/footer_includes.html +18 -0
- data/_includes/head.html +19 -0
- data/_includes/header.html +17 -0
- data/_includes/home.html +8 -0
- data/_includes/icons.html +11 -0
- data/_includes/modals.html +20 -0
- data/_includes/portfolio.html +26 -0
- data/_layouts/home.html +23 -0
- data/assets/css/animate.css +3625 -0
- data/assets/css/custom.css +183 -0
- data/assets/css/jquery.fullpage.min.css +8 -0
- data/assets/css/scrolling-nav.css +12 -0
- data/assets/img/laptop.svg +50 -0
- data/assets/js/custom.js +0 -0
- data/assets/js/jquery.easing.min.js +1 -0
- data/assets/js/jquery.fullpage.min.js +9 -0
- data/assets/js/particles.min.js +9 -0
- data/assets/js/scrolling-nav.js +28 -0
- data/assets/text/particlesjs-config.json +112 -0
- metadata +110 -0
checksums.yaml
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
---
|
2
|
+
SHA256:
|
3
|
+
metadata.gz: f658597c7c7dc40407b7c53e1d66006d8fce32befe17e5b88fc84d1fbe827693
|
4
|
+
data.tar.gz: 1de1fb417ff79e44d20f502b8518f3e802ece5ccc0dfb919cdb389a1222169f8
|
5
|
+
SHA512:
|
6
|
+
metadata.gz: 4f11668b1c37509da7b3e3048abbbe1145f824a4d7a42d9bb37600625eb51a571fffbc1944f53f09bc8f6fbeff005f2d504d7d58decb266fd2f75972db4d2411
|
7
|
+
data.tar.gz: 318146c17b55f89a818779eed27cfed5ccc34e5a06dfc8cbcf26343b8c6a9cf39df4cffe609d4cfbb7ca70a083de5f0d53140f6f39eac09727f9b5303f64f002
|
data/LICENSE
ADDED
@@ -0,0 +1,21 @@
|
|
1
|
+
MIT License
|
2
|
+
|
3
|
+
Copyright (c) 2019 Salvador aleguas
|
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 all
|
13
|
+
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 THE
|
21
|
+
SOFTWARE.
|
data/README.md
ADDED
@@ -0,0 +1,104 @@
|
|
1
|
+
# <span align='center'>🎉🎉🎉 Jekyll Volcanized 🎉🎉🎉</span>
|
2
|
+
|
3
|
+
Great, another Jekyll one-page solarized theme, why should I use it?
|
4
|
+
|
5
|
+
Well, I will tell you why you might like it
|
6
|
+
|
7
|
+
# Table of contents
|
8
|
+
|
9
|
+
- [Solarized color palette](#solarized-color-palette)
|
10
|
+
- [Organized layout](#organized-layout)
|
11
|
+
- [The _data folder](#the--data-folder)
|
12
|
+
* [The `cards.yml` file](#the-cardsyml-file)
|
13
|
+
* [The `colors.yml` file](#the-colorsyml-file)
|
14
|
+
* [The `pages.yml` file](#the-pagesyml-file)
|
15
|
+
* [The `social.yml` file](#the-socialyml-file)
|
16
|
+
- [Completely responsive](#completely-responsive)
|
17
|
+
- [Jekyll sitemap and SEO](#jekyll-sitemap-and-seo)
|
18
|
+
- [Installation and usage](#installation-and-usage)
|
19
|
+
* [Cloning](#cloning)
|
20
|
+
- [Licensing and usage](#licensing-and-usage)
|
21
|
+
|
22
|
+
<small><i><a href='http://ecotrust-canada.github.io/markdown-toc/'>Table of contents generated with markdown-toc</a></i></small>
|
23
|
+
|
24
|
+
# Solarized color palette
|
25
|
+
|
26
|
+
Like I said before, this theme uses all colors from the very popular Solarized color scheme made by Ethan Schoonover. The colors are designed to reduce eye strain, especially with the dark theme I went for.
|
27
|
+
|
28
|
+
The colors are also very customizable and you can switch off the palette entirely, as the
|
29
|
+
`/_data/colors.yml`
|
30
|
+
file works as a mainframe to adjust the colors of the entire website easily, without having to rummage through the CSS.
|
31
|
+
|
32
|
+
# Organized layout
|
33
|
+
|
34
|
+
Being a one-paged Jekyll theme, I made it as modularized as possible while still maintaining efficiency. All the sections are in separate files which can be included and interchanged in the only `index.html` file.
|
35
|
+
|
36
|
+
![index.html](md/index.PNG)
|
37
|
+
|
38
|
+
Many common libraries are already included and installed in both the `head.html` and `footer_includes.html` file for the CSS and JavaScript respectively.
|
39
|
+
|
40
|
+
The theme is also purposely left empty so that it can be modified and changed to your will.
|
41
|
+
|
42
|
+
|
43
|
+
# The _data folder
|
44
|
+
|
45
|
+
The _data folder includes many options that can be customized.
|
46
|
+
## The `cards.yml` file
|
47
|
+
The `cards.yml` file is probably the most robust tool of the `_data` folder. It allows for easy additions to the `portfolio.html` and `modal.html` sections.
|
48
|
+
|
49
|
+
![cards](md/cards.PNG)
|
50
|
+
The `cards.yml` has **3** basic options(you can add more of course) for the card cover and modal.
|
51
|
+
|
52
|
+
![config](md/config.PNG)
|
53
|
+
The normal, or card section, has:
|
54
|
+
1. The `name` of the card, which appears in the cover.
|
55
|
+
2. The `img`, which is the path to the image you want as the cover.
|
56
|
+
3. The `desc` which is the description that shows on the cover of the card.
|
57
|
+
|
58
|
+
The modal section has:
|
59
|
+
1. The `title` option which is the title of the modal.
|
60
|
+
2. The `body` which is the body of the Modal
|
61
|
+
3. And the `id` which is the ID of the modal that the card refers to. Make sure this is unique!
|
62
|
+
|
63
|
+
![modal](md/modal.PNG)
|
64
|
+
## The `colors.yml` file
|
65
|
+
* This one is pretty self-explanatory, it has an option to change the 10 base colors used and referenced by the CSS file.
|
66
|
+
|
67
|
+
![colors](md/colors.PNG)
|
68
|
+
|
69
|
+
## The `pages.yml` file
|
70
|
+
|
71
|
+
![pages.yml](md/pages.PNG)
|
72
|
+
|
73
|
+
This is where your navigation bar and section order comes in. Enter your page sections in the corresponding order you want them to appear in.
|
74
|
+
|
75
|
+
Simply move around the entries in the order you want them to appear in! The order of the pages will change the order of the sections on the page as well as the order of the pages on the navbar. Scrollspy, smooth scrolling, and directed scrolling are automatically adjusted based on the order of the pages in these files.
|
76
|
+
|
77
|
+
![pages demonstration](md/pages.gif)
|
78
|
+
|
79
|
+
## The `social.yml` file
|
80
|
+
|
81
|
+
![social.yml](md/social.PNG)
|
82
|
+
This file is pretty self-explanatory as well. Enter the name of the icon according to [Font Awesome](https://fontawesome.com/icons?d=gallery) and the corresponding URL. These icons are set to be in the footer, but you can put them wherever since they are stored in the `icons.html` file.
|
83
|
+
|
84
|
+
# Completely responsive
|
85
|
+
|
86
|
+
Through media queries and bootstrap, the website was built with responsiveness in mind from the ground up. The website is mobile-first which will increase SEO as well as general usability.
|
87
|
+
|
88
|
+
# Jekyll sitemap and SEO
|
89
|
+
|
90
|
+
The website is already configured to use both Jekyll sitemap(which can be found at `/sitemap.xml`) and use Jekyll SEO.
|
91
|
+
|
92
|
+
# Installation and usage
|
93
|
+
|
94
|
+
## Cloning
|
95
|
+
|
96
|
+
Run
|
97
|
+
```git
|
98
|
+
git clone https://github.com/saleguas/jekyll-volcanized.git
|
99
|
+
```
|
100
|
+
To clone the repository and make your changes.
|
101
|
+
|
102
|
+
# Licensing
|
103
|
+
|
104
|
+
The theme is licensed under [MIT licensing](https://choosealicense.com/licenses/mit/) which means anyone is free to use this theme for any reason, including commercially, without needing to credit me; however, as stated in the licensing, I am not responsibly or liable for anything involving my software. Read the license for more information
|
@@ -0,0 +1,17 @@
|
|
1
|
+
<div class="row">
|
2
|
+
<div class="col-lg-8 mx-auto" data-aos='fade-up'>
|
3
|
+
<h2>About this page</h2>
|
4
|
+
<p class="lead">This page is left blank so you can fill the information. It has many features:</p>
|
5
|
+
<ul>
|
6
|
+
<li>Particles.js implementation</li>
|
7
|
+
<li>Colored elements such as <\h1> and <\li> tags</li>
|
8
|
+
<li>Scrollspy with smooth scroll, as well as disabled navigation bars for that smooth look.</li>
|
9
|
+
<li>Card portfolio that can be customized and added to very easily</li>
|
10
|
+
<li>Very organized jekyll layout with easy swapping of elements.</li>
|
11
|
+
<li>AOS animations on various elements.</li>
|
12
|
+
<li>The classic solarized color pallete!</li>
|
13
|
+
<li>Fully responsive and mobile first!</li>
|
14
|
+
<li>And many other features with the _data directory that you can find on the <a href="#">github page!</a></li>
|
15
|
+
</ul>
|
16
|
+
</div>
|
17
|
+
</div>
|
@@ -0,0 +1,6 @@
|
|
1
|
+
<div class="row">
|
2
|
+
<div class="col-lg-8 mx-auto" data-aos='fade-up'>
|
3
|
+
<h2>Services we offer</h2>
|
4
|
+
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut optio velit inventore, expedita quo laboriosam possimus ea consequatur vitae, doloribus consequuntur ex. Nemo assumenda laborum vel, labore ut velit dignissimos.</p>
|
5
|
+
</div>
|
6
|
+
</div>
|
@@ -0,0 +1,13 @@
|
|
1
|
+
<footer class="py-5 container-fluid">
|
2
|
+
<div class="row">
|
3
|
+
<div class="col text-center small-text-resize">
|
4
|
+
{{site.description}}
|
5
|
+
</div>
|
6
|
+
</div>
|
7
|
+
{% include icons.html %}
|
8
|
+
<div class="row">
|
9
|
+
<div class="col">
|
10
|
+
<p class="m-0 text-center text-muted">Copyright © {{site.title}} 2019</p>
|
11
|
+
</div>
|
12
|
+
</div>
|
13
|
+
</footer>
|
@@ -0,0 +1,18 @@
|
|
1
|
+
<footer>
|
2
|
+
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
3
|
+
<script>
|
4
|
+
AOS.init();
|
5
|
+
</script>
|
6
|
+
<script src="{{ "/assets/js/particles.min.js" | relative_url }}"></script>
|
7
|
+
<script type="text/javascript">
|
8
|
+
particlesJS.load('particles-js', '{{ "/assets/text/particlesjs-config.json" | relative_url }}', function() {
|
9
|
+
console.log('callback - particles.js config loaded');
|
10
|
+
});
|
11
|
+
</script>
|
12
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
|
13
|
+
<script src="{{ "/assets/js/custom.js" | relative_url }}"></script>
|
14
|
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
15
|
+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
16
|
+
<script src="{{ "/assets/js/jquery.easing.min.js" | relative_url }}"></script>
|
17
|
+
<script src="{{ "/assets/js/scrolling-nav.js" | relative_url }}"></script>
|
18
|
+
</footer>
|
data/_includes/head.html
ADDED
@@ -0,0 +1,19 @@
|
|
1
|
+
<head>
|
2
|
+
<!-- Required css -->
|
3
|
+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
4
|
+
<link rel="stylesheet" href="{{ "/assets/css/custom.css" | relative_url }}">
|
5
|
+
<link href="{{ "assets/css/scrolling-nav.css" | relative_url }}" rel="stylesheet">
|
6
|
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Allerta+Stencil">
|
7
|
+
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
8
|
+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
9
|
+
|
10
|
+
<!-- End css -->
|
11
|
+
|
12
|
+
<meta charset="utf-8">
|
13
|
+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
14
|
+
|
15
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
16
|
+
<meta name="msapplication-TileColor" content="#da532c">
|
17
|
+
<meta name="theme-color" content="#ffffff">
|
18
|
+
{% seo %}
|
19
|
+
</head>
|
@@ -0,0 +1,17 @@
|
|
1
|
+
<nav class="navbar navbar-expand-lg navbar-dark fixed-top bg-dark2" id="mainNav">
|
2
|
+
<div class="container">
|
3
|
+
<a class="navbar-brand js-scroll-trigger" href="#page-top">Volcanized</a>
|
4
|
+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
5
|
+
<span class="navbar-toggler-icon"></span>
|
6
|
+
</button>
|
7
|
+
<div class="collapse navbar-collapse" id="navbarResponsive">
|
8
|
+
<ul class="navbar-nav ml-auto">
|
9
|
+
{% for page in site.data.pages %}
|
10
|
+
<li class="nav-item">
|
11
|
+
<a class="nav-link js-scroll-trigger" href="#{{page.href}}">{{page.name}}</a>
|
12
|
+
</li>
|
13
|
+
{% endfor %}
|
14
|
+
</ul>
|
15
|
+
</div>
|
16
|
+
</div>
|
17
|
+
</nav>
|
data/_includes/home.html
ADDED
@@ -0,0 +1,20 @@
|
|
1
|
+
{% for card in site.data.cards %}
|
2
|
+
<div class="modal {{ card.modal.id }} fade" tabindex="-1" role="dialog">
|
3
|
+
<div class="modal-dialog modal-lg" role="document">
|
4
|
+
<div class="modal-content">
|
5
|
+
<div class="modal-header">
|
6
|
+
<h5 class="modal-title">{{card.modal.title}}</h5>
|
7
|
+
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
8
|
+
<span aria-hidden="true">×</span>
|
9
|
+
</button>
|
10
|
+
</div>
|
11
|
+
<div class="modal-body">
|
12
|
+
<p>{{card.modal.body}}</p>
|
13
|
+
</div>
|
14
|
+
<div class="modal-footer">
|
15
|
+
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
|
16
|
+
</div>
|
17
|
+
</div>
|
18
|
+
</div>
|
19
|
+
</div>
|
20
|
+
{% endfor %}
|
@@ -0,0 +1,26 @@
|
|
1
|
+
<div class="container">
|
2
|
+
<div class="row justify-content-center">
|
3
|
+
<div class="row">
|
4
|
+
<div class="col-lg" data-aos='fade-up'>
|
5
|
+
<h2>My Work</h2>
|
6
|
+
<br>
|
7
|
+
</div>
|
8
|
+
</div>
|
9
|
+
</div>
|
10
|
+
<div class="row">
|
11
|
+
<div class="card-columns">
|
12
|
+
{% for card in site.data.cards %}
|
13
|
+
<div class="col text-center" data-aos='flip-left'>
|
14
|
+
<div class="card">
|
15
|
+
<img class="card-img-top" src='{{ card.img | relative_url }}' alt="Card image cap">
|
16
|
+
<div class="card-body">
|
17
|
+
<h5 class="card-title text-center">{{card.name}}</h5>
|
18
|
+
<p class="card-text">{{card.desc}}</p>
|
19
|
+
<a href="#" class="btn btn-primary" data-toggle='modal' data-target='.{{card.modal.id}}'>See More</a>
|
20
|
+
</div>
|
21
|
+
</div>
|
22
|
+
</div>
|
23
|
+
{% endfor %}
|
24
|
+
</div>
|
25
|
+
</div>
|
26
|
+
</div>
|
data/_layouts/home.html
ADDED
@@ -0,0 +1,23 @@
|
|
1
|
+
---
|
2
|
+
---
|
3
|
+
<!DOCTYPE html>
|
4
|
+
<html lang="en" dir="ltr">
|
5
|
+
{% include head.html %}
|
6
|
+
<body>
|
7
|
+
{% include header.html %}
|
8
|
+
{% include modals.html %}
|
9
|
+
|
10
|
+
<div class="container">
|
11
|
+
{% for page in site.data.pages %}
|
12
|
+
<section id='{{page.href}}'>
|
13
|
+
{% include {{page.file}} %}
|
14
|
+
</section>
|
15
|
+
{% endfor %}
|
16
|
+
</div>
|
17
|
+
|
18
|
+
<div class="footer">
|
19
|
+
{% include footer_includes.html %}
|
20
|
+
{% include footer.html %}
|
21
|
+
</div>
|
22
|
+
</body>
|
23
|
+
</html>
|