outpost-theme 0.1.1 → 0.1.2
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 +4 -4
- data/_config.yml +2 -0
- data/_includes/head.html +3 -3
- data/_includes/header.html +4 -3
- data/_includes/rndLogo.js +1 -1
- data/_layouts/default.html +1 -1
- data/_layouts/gallery.html +20 -0
- data/_layouts/home.html +55 -0
- data/_layouts/post.html +7 -2
- data/assets/main.scss +46 -4
- metadata +4 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: c8022849f237e1e778221bb802a7454a9779d199d625f287306ede78c9507f47
|
|
4
|
+
data.tar.gz: 2a8b9809b545691234bfb3b4f1a153e3935868dd0d80a3e897365a4eb7858e25
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 00ecafd87c13a0f5840e79c20114d48c6352af96390c4fe16af38bc5457930b9cbb4d66aa9b97ab95391e4564f3b4b277c8681e955905eed489e0c94117481e6
|
|
7
|
+
data.tar.gz: b8dec5829f05191cc9864023dc41ff3ba20a5e84ab8afe146bb7bd141dbc3d68977c8b4779c03b3370e91497f919aeac6f8aa8804151a5c610999c3cea56d620
|
data/_config.yml
ADDED
data/_includes/head.html
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
<head>
|
|
2
2
|
<meta charset="UTF-8">
|
|
3
3
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
4
|
-
<link rel="shortcut icon" href="/favicon.ico">
|
|
4
|
+
<link rel="shortcut icon" href="{{ site.baseurl }}/favicon.ico">
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
6
|
<title>{% if.page.title %}{{ page.title }} | {{site.title}}{% else %}{{ site.title}}{% endif %}</title>
|
|
7
7
|
|
|
8
|
-
<link rel="stylesheet" href="{{ site.baseurl }}assets/main.css">
|
|
9
|
-
<script src="assets/bundle.js"></script>
|
|
8
|
+
<link rel="stylesheet" href="{{ site.baseurl }}/assets/main.css">
|
|
9
|
+
<script src="{{ site.baseurl }}/assets/bundle.js"></script>
|
|
10
10
|
|
|
11
11
|
{% include analyitics.html %}
|
|
12
12
|
|
data/_includes/header.html
CHANGED
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
<div class="header">
|
|
2
2
|
<header>
|
|
3
|
-
<img class="center" id="banner-logo" src="assets/logo0.png" alt="Logo" width="50%" height="50%">
|
|
3
|
+
<img class="center" id="banner-logo" src="{{ site.baseurl }}/assets/logo0.png" alt="Logo" width="50%" height="50%">
|
|
4
4
|
</header>
|
|
5
5
|
</div>
|
|
6
6
|
<hr class="dashed-divider">
|
|
7
7
|
<nav>
|
|
8
8
|
|
|
9
9
|
<ul id="navbar">
|
|
10
|
-
<li><a href="index.html">Home</a></li>
|
|
11
|
-
<li><a href="
|
|
10
|
+
<li><a href="{{ site.baseurl }}/index.html">Home</a></li>
|
|
11
|
+
<li><a href="{{ site.baseurl }}/gallery.html">Art</a></li>
|
|
12
|
+
<li><a href="{{ site.baseurl }}/about.html">About</a></li>
|
|
12
13
|
</ul>
|
|
13
14
|
|
|
14
15
|
</nav>
|
data/_includes/rndLogo.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
function rndLogo(){
|
|
2
2
|
let x = Math.floor(Math.random()*5).toString();
|
|
3
|
-
const fn = "assets/logo" + x + ".png";
|
|
3
|
+
const fn = "{{ site.baseurl }}/assets/logo" + x + ".png";
|
|
4
4
|
document.getElementById("banner-logo").src = fn;
|
|
5
5
|
}
|
|
6
6
|
window.addEventListener('load', function() {
|
data/_layouts/default.html
CHANGED
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<div class="image-gallery">
|
|
5
|
+
{% assign sorted = site.static_files | sort: 'date' | reverse %}
|
|
6
|
+
{% for file in sorted %}
|
|
7
|
+
{% if file.path contains page.folder %}
|
|
8
|
+
{% if file.extname == '.png' %}
|
|
9
|
+
{% assign filenameparts = file.path | split: "/" %}
|
|
10
|
+
{% assign filename = filenameparts | last | replace file.extname, "" %}
|
|
11
|
+
|
|
12
|
+
<div class="box">
|
|
13
|
+
<a href="{{ file.path | relative_url }}" title="{{ filename }}">
|
|
14
|
+
<img src="{{ site.thumbsurl }}{{ file.name }}" alt="{{filename }}" class="img-gallery">
|
|
15
|
+
</a>
|
|
16
|
+
</div>
|
|
17
|
+
{% endif %}
|
|
18
|
+
{% endif %}
|
|
19
|
+
{% endfor %}
|
|
20
|
+
</div>
|
data/_layouts/home.html
ADDED
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
|
|
5
|
+
<div class="home">
|
|
6
|
+
|
|
7
|
+
{{ content }}
|
|
8
|
+
|
|
9
|
+
{% if site.paginate %}
|
|
10
|
+
{% assign posts = paginator.posts %}
|
|
11
|
+
{% else %}
|
|
12
|
+
{% assign posts = site.posts %}
|
|
13
|
+
{% endif %}
|
|
14
|
+
|
|
15
|
+
{%- if posts.size > 0 -%}
|
|
16
|
+
<h1 class="post-heading">Posts:</h1>
|
|
17
|
+
<ul class="post-list">
|
|
18
|
+
{%- for post in posts -%}
|
|
19
|
+
<li>
|
|
20
|
+
|
|
21
|
+
<div class="post-link-parent">
|
|
22
|
+
<h2><a class="post-link" href="{{ post.url | relative_url }}" style="color: {{ post.titlecolor }};">
|
|
23
|
+
{{ post.title | escape }}
|
|
24
|
+
</a></h2>
|
|
25
|
+
<span class="post-meta">
|
|
26
|
+
<h3 style="color: {{ post.titlecolor }};">[{{ post.date | date: "%b -%d, %Y" }}]</h3>
|
|
27
|
+
</span>
|
|
28
|
+
</div>
|
|
29
|
+
|
|
30
|
+
{{ post.excerpt }}
|
|
31
|
+
|
|
32
|
+
</li>
|
|
33
|
+
{%- endfor -%}
|
|
34
|
+
</ul>
|
|
35
|
+
|
|
36
|
+
<div class="pager">
|
|
37
|
+
<ul class="pagination">
|
|
38
|
+
{%- if paginator.previous_page %}
|
|
39
|
+
<li><a href="{{ paginator.previous_page_path | relative_url }}" class="previous-page">{{ paginator.previous_page}}</a></li>
|
|
40
|
+
{%- else %}
|
|
41
|
+
<li><div class="page-edge">•</div></li>
|
|
42
|
+
{%- endif %}
|
|
43
|
+
|
|
44
|
+
<li><div class="current-page">{{ paginator.page }}</div></li>
|
|
45
|
+
|
|
46
|
+
{%- if paginator.next_page %}}
|
|
47
|
+
<li><a href="{{ paginator.next_page_path | relative_url }}" class="next-page">{{ paginator.next_page }}</a></li>
|
|
48
|
+
{%- else %}
|
|
49
|
+
<li><div class="page-edge">•</div></li>
|
|
50
|
+
{%- endif %}
|
|
51
|
+
</ul>
|
|
52
|
+
</div>
|
|
53
|
+
|
|
54
|
+
{%- endif -%}
|
|
55
|
+
</div>
|
data/_layouts/post.html
CHANGED
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
---
|
|
2
2
|
layout: default
|
|
3
3
|
---
|
|
4
|
-
<header
|
|
5
|
-
<
|
|
4
|
+
<header>
|
|
5
|
+
<div class="post-link-parent">
|
|
6
|
+
<h1 class="post-header" style="color: {{ page.titlecolor }};">{{ page.title }}</h1>
|
|
7
|
+
<span class="post-meta">
|
|
8
|
+
<h3 style="color: {{ page.titlecolor }};">[{{ page.date | date: "%b-%d, %Y" }}]</h3>
|
|
9
|
+
</span>
|
|
10
|
+
</div>
|
|
6
11
|
</header>
|
|
7
12
|
|
|
8
13
|
<article class="post-content">
|
data/assets/main.scss
CHANGED
|
@@ -8,10 +8,16 @@
|
|
|
8
8
|
body {
|
|
9
9
|
background-color: #181825;
|
|
10
10
|
}
|
|
11
|
-
|
|
11
|
+
.content{
|
|
12
|
+
margin: 2%;
|
|
13
|
+
}
|
|
14
|
+
h1, h2, h3, p, a{
|
|
12
15
|
color: #cdd6f4;
|
|
13
16
|
font-family: vcr_osd_monoregular;
|
|
14
17
|
}
|
|
18
|
+
h1 {
|
|
19
|
+
color: #f38ba8;
|
|
20
|
+
}
|
|
15
21
|
.center{
|
|
16
22
|
display: block;
|
|
17
23
|
margin-left: auto;
|
|
@@ -41,13 +47,23 @@ li a {
|
|
|
41
47
|
li a:hover{
|
|
42
48
|
background-color: #45475a;
|
|
43
49
|
}
|
|
44
|
-
.active {
|
|
45
|
-
background-color: #b4befe;
|
|
46
|
-
}
|
|
47
50
|
nav {
|
|
48
51
|
position: sticky;
|
|
49
52
|
top: 0px;
|
|
50
53
|
}
|
|
54
|
+
.post-heading{
|
|
55
|
+
color: #cba6f7;
|
|
56
|
+
}
|
|
57
|
+
.post-link-parent{
|
|
58
|
+
display: flex;
|
|
59
|
+
justify-content: left;
|
|
60
|
+
}
|
|
61
|
+
.post-link{
|
|
62
|
+
display: inline-block;
|
|
63
|
+
}
|
|
64
|
+
.active {
|
|
65
|
+
background-color: #b4befe;
|
|
66
|
+
}
|
|
51
67
|
@font-face {
|
|
52
68
|
font-family: 'vcr_osd_monoregular';
|
|
53
69
|
src: url('vcr_osd_mono_1.001-webfont.woff2') format('woff2'),
|
|
@@ -55,3 +71,29 @@ nav {
|
|
|
55
71
|
font-weight: normal;
|
|
56
72
|
font-style: normal;
|
|
57
73
|
}
|
|
74
|
+
|
|
75
|
+
/* Gallery CSS */
|
|
76
|
+
.image-gallery {
|
|
77
|
+
width: 100%;
|
|
78
|
+
display: grid;
|
|
79
|
+
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
|
|
80
|
+
justify-content: center;
|
|
81
|
+
padding: 4px;
|
|
82
|
+
}
|
|
83
|
+
.box {
|
|
84
|
+
flex-basis: 25%;
|
|
85
|
+
width: 100%;
|
|
86
|
+
padding: 10px;
|
|
87
|
+
margin: 2px;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.img-gallery {
|
|
91
|
+
width: 100%;
|
|
92
|
+
height: 200px;
|
|
93
|
+
object-fit: cover;
|
|
94
|
+
transform: scale(1);
|
|
95
|
+
transition: all 0.3 ease-in-out;
|
|
96
|
+
}
|
|
97
|
+
.img-gallery:hover {
|
|
98
|
+
transform: scale(1.05);
|
|
99
|
+
}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: outpost-theme
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.1.
|
|
4
|
+
version: 0.1.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- ''
|
|
@@ -33,12 +33,15 @@ extra_rdoc_files: []
|
|
|
33
33
|
files:
|
|
34
34
|
- LICENSE.txt
|
|
35
35
|
- README.md
|
|
36
|
+
- _config.yml
|
|
36
37
|
- _includes/analyitics.html
|
|
37
38
|
- _includes/footer.html
|
|
38
39
|
- _includes/head.html
|
|
39
40
|
- _includes/header.html
|
|
40
41
|
- _includes/rndLogo.js
|
|
41
42
|
- _layouts/default.html
|
|
43
|
+
- _layouts/gallery.html
|
|
44
|
+
- _layouts/home.html
|
|
42
45
|
- _layouts/page.html
|
|
43
46
|
- _layouts/post.html
|
|
44
47
|
- assets/Positive System.otf
|