jekyll-theme-devcarpet-01 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 +7 -0
- data/LICENSE.txt +21 -0
- data/README.md +51 -0
- data/_config.yml +61 -0
- data/_includes/custom-head.html +6 -0
- data/_includes/footer.html +54 -0
- data/_includes/google-analytics.html +0 -0
- data/_includes/head.html +152 -0
- data/_includes/header.html +67 -0
- data/_layouts/_blog.html +346 -0
- data/_layouts/_portfolio.html +351 -0
- data/_layouts/default.html +34 -0
- data/_layouts/home.html +90 -0
- data/_layouts/page.html +5 -0
- data/_layouts/post.html +39 -0
- data/assets/screenshot-01.png +0 -0
- metadata +72 -0
|
@@ -0,0 +1,351 @@
|
|
|
1
|
+
|
|
2
|
+
<!doctype html>
|
|
3
|
+
<html lang="en">
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="utf-8">
|
|
6
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
7
|
+
<meta name="description" content="">
|
|
8
|
+
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
|
|
9
|
+
<meta name="generator" content="Hugo 0.101.0">
|
|
10
|
+
<title>Album example · Bootstrap v5.2</title>
|
|
11
|
+
|
|
12
|
+
<!-- <link rel="canonical" href="https://getbootstrap.com/docs/5.2/examples/album/"> -->
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
|
|
17
|
+
|
|
18
|
+
<!-- <link href="/docs/5.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous"> -->
|
|
19
|
+
|
|
20
|
+
<!-- Favicons -->
|
|
21
|
+
<link rel="apple-touch-icon" href="/docs/5.2/assets/img/favicons/apple-touch-icon.png" sizes="180x180">
|
|
22
|
+
<link rel="icon" href="/docs/5.2/assets/img/favicons/favicon-32x32.png" sizes="32x32" type="image/png">
|
|
23
|
+
<link rel="icon" href="/docs/5.2/assets/img/favicons/favicon-16x16.png" sizes="16x16" type="image/png">
|
|
24
|
+
<link rel="manifest" href="/docs/5.2/assets/img/favicons/manifest.json">
|
|
25
|
+
<link rel="mask-icon" href="/docs/5.2/assets/img/favicons/safari-pinned-tab.svg" color="#712cf9">
|
|
26
|
+
<link rel="icon" href="/docs/5.2/assets/img/favicons/favicon.ico">
|
|
27
|
+
<meta name="theme-color" content="#712cf9">
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
<style>
|
|
31
|
+
.bd-placeholder-img {
|
|
32
|
+
font-size: 1.125rem;
|
|
33
|
+
text-anchor: middle;
|
|
34
|
+
-webkit-user-select: none;
|
|
35
|
+
-moz-user-select: none;
|
|
36
|
+
user-select: none;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@media (min-width: 768px) {
|
|
40
|
+
.bd-placeholder-img-lg {
|
|
41
|
+
font-size: 3.5rem;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.b-example-divider {
|
|
46
|
+
height: 3rem;
|
|
47
|
+
background-color: rgba(0, 0, 0, .1);
|
|
48
|
+
border: solid rgba(0, 0, 0, .15);
|
|
49
|
+
border-width: 1px 0;
|
|
50
|
+
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.b-example-vr {
|
|
54
|
+
flex-shrink: 0;
|
|
55
|
+
width: 1.5rem;
|
|
56
|
+
height: 100vh;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.bi {
|
|
60
|
+
vertical-align: -.125em;
|
|
61
|
+
fill: currentColor;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.nav-scroller {
|
|
65
|
+
position: relative;
|
|
66
|
+
z-index: 2;
|
|
67
|
+
height: 2.75rem;
|
|
68
|
+
overflow-y: hidden;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.nav-scroller .nav {
|
|
72
|
+
display: flex;
|
|
73
|
+
flex-wrap: nowrap;
|
|
74
|
+
padding-bottom: 1rem;
|
|
75
|
+
margin-top: -1px;
|
|
76
|
+
overflow-x: auto;
|
|
77
|
+
text-align: center;
|
|
78
|
+
white-space: nowrap;
|
|
79
|
+
-webkit-overflow-scrolling: touch;
|
|
80
|
+
}
|
|
81
|
+
</style>
|
|
82
|
+
|
|
83
|
+
|
|
84
|
+
</head>
|
|
85
|
+
<body>
|
|
86
|
+
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
|
|
87
|
+
<symbol id="bootstrap" viewBox="0 0 118 94">
|
|
88
|
+
<title>Bootstrap</title>
|
|
89
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z"></path>
|
|
90
|
+
</symbol>
|
|
91
|
+
<symbol id="facebook" viewBox="0 0 16 16">
|
|
92
|
+
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
|
|
93
|
+
</symbol>
|
|
94
|
+
<symbol id="instagram" viewBox="0 0 16 16">
|
|
95
|
+
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
|
|
96
|
+
</symbol>
|
|
97
|
+
<symbol id="twitter" viewBox="0 0 16 16">
|
|
98
|
+
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
|
|
99
|
+
</symbol>
|
|
100
|
+
</svg>
|
|
101
|
+
<header>
|
|
102
|
+
<div class="collapse bg-dark" id="navbarHeader">
|
|
103
|
+
<div class="container">
|
|
104
|
+
<div class="row">
|
|
105
|
+
<div class="col-sm-8 col-md-7 py-4">
|
|
106
|
+
<h4 class="text-white">About</h4>
|
|
107
|
+
<p class="text-muted">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p>
|
|
108
|
+
</div>
|
|
109
|
+
<div class="col-sm-4 offset-md-1 py-4">
|
|
110
|
+
<h4 class="text-white">Contact</h4>
|
|
111
|
+
<ul class="list-unstyled">
|
|
112
|
+
<li><a href="#" class="text-white">Follow on Twitter</a></li>
|
|
113
|
+
<li><a href="#" class="text-white">Like on Facebook</a></li>
|
|
114
|
+
<li><a href="#" class="text-white">Email me</a></li>
|
|
115
|
+
</ul>
|
|
116
|
+
</div>
|
|
117
|
+
</div>
|
|
118
|
+
</div>
|
|
119
|
+
</div>
|
|
120
|
+
<div class="navbar navbar-dark bg-dark shadow-sm">
|
|
121
|
+
<div class="container">
|
|
122
|
+
<a href="#" class="navbar-brand d-flex align-items-center">
|
|
123
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" aria-hidden="true" class="me-2" viewBox="0 0 24 24"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>
|
|
124
|
+
<strong>Album</strong>
|
|
125
|
+
</a>
|
|
126
|
+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
|
|
127
|
+
<span class="navbar-toggler-icon"></span>
|
|
128
|
+
</button>
|
|
129
|
+
</div>
|
|
130
|
+
</div>
|
|
131
|
+
</header>
|
|
132
|
+
<!-- Button trigger modal -->
|
|
133
|
+
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
|
|
134
|
+
Launch demo modal
|
|
135
|
+
</button>
|
|
136
|
+
|
|
137
|
+
<!-- Modal -->
|
|
138
|
+
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
139
|
+
<div class="modal-dialog modal-fullscreen ">
|
|
140
|
+
<div class="modal-content">
|
|
141
|
+
<div class="modal-header">
|
|
142
|
+
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
|
|
143
|
+
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
144
|
+
</div>
|
|
145
|
+
<div class="modal-body">
|
|
146
|
+
...
|
|
147
|
+
</div>
|
|
148
|
+
<div class="modal-footer">
|
|
149
|
+
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
|
150
|
+
<button type="button" class="btn btn-primary">Save changes</button>
|
|
151
|
+
</div>
|
|
152
|
+
</div>
|
|
153
|
+
</div>
|
|
154
|
+
</div>
|
|
155
|
+
<main>
|
|
156
|
+
|
|
157
|
+
<section class="py-5 text-center container">
|
|
158
|
+
<div class="row py-lg-5">
|
|
159
|
+
<div class="col-lg-6 col-md-8 mx-auto">
|
|
160
|
+
<h1 class="fw-light">Album example</h1>
|
|
161
|
+
<p class="lead text-muted">Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don’t simply skip over it entirely.</p>
|
|
162
|
+
<p>
|
|
163
|
+
<a href="#" class="btn btn-primary my-2">Main call to action</a>
|
|
164
|
+
<a href="#" class="btn btn-secondary my-2">Secondary action</a>
|
|
165
|
+
</p>
|
|
166
|
+
</div>
|
|
167
|
+
</div>
|
|
168
|
+
</section>
|
|
169
|
+
|
|
170
|
+
<div class="album py-5 bg-light">
|
|
171
|
+
<div class="container">
|
|
172
|
+
|
|
173
|
+
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
|
|
174
|
+
<div class="col">
|
|
175
|
+
<div class="card shadow-sm">
|
|
176
|
+
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
|
|
177
|
+
|
|
178
|
+
<div class="card-body">
|
|
179
|
+
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
|
|
180
|
+
<div class="d-flex justify-content-between align-items-center">
|
|
181
|
+
<div class="btn-group">
|
|
182
|
+
<button type="button" class="btn btn-sm btn-outline-secondary">View</button>
|
|
183
|
+
<button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
|
|
184
|
+
</div>
|
|
185
|
+
<small class="text-muted">9 mins</small>
|
|
186
|
+
</div>
|
|
187
|
+
</div>
|
|
188
|
+
</div>
|
|
189
|
+
</div>
|
|
190
|
+
<div class="col">
|
|
191
|
+
<div class="card shadow-sm">
|
|
192
|
+
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
|
|
193
|
+
|
|
194
|
+
<div class="card-body">
|
|
195
|
+
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
|
|
196
|
+
<div class="d-flex justify-content-between align-items-center">
|
|
197
|
+
<div class="btn-group">
|
|
198
|
+
<button type="button" class="btn btn-sm btn-outline-secondary">View</button>
|
|
199
|
+
<button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
|
|
200
|
+
</div>
|
|
201
|
+
<small class="text-muted">9 mins</small>
|
|
202
|
+
</div>
|
|
203
|
+
</div>
|
|
204
|
+
</div>
|
|
205
|
+
</div>
|
|
206
|
+
<div class="col">
|
|
207
|
+
<div class="card shadow-sm">
|
|
208
|
+
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
|
|
209
|
+
|
|
210
|
+
<div class="card-body">
|
|
211
|
+
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
|
|
212
|
+
<div class="d-flex justify-content-between align-items-center">
|
|
213
|
+
<div class="btn-group">
|
|
214
|
+
<button type="button" class="btn btn-sm btn-outline-secondary">View</button>
|
|
215
|
+
<button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
|
|
216
|
+
</div>
|
|
217
|
+
<small class="text-muted">9 mins</small>
|
|
218
|
+
</div>
|
|
219
|
+
</div>
|
|
220
|
+
</div>
|
|
221
|
+
</div>
|
|
222
|
+
|
|
223
|
+
<div class="col">
|
|
224
|
+
<div class="card shadow-sm">
|
|
225
|
+
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
|
|
226
|
+
|
|
227
|
+
<div class="card-body">
|
|
228
|
+
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
|
|
229
|
+
<div class="d-flex justify-content-between align-items-center">
|
|
230
|
+
<div class="btn-group">
|
|
231
|
+
<button type="button" class="btn btn-sm btn-outline-secondary">View</button>
|
|
232
|
+
<button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
|
|
233
|
+
</div>
|
|
234
|
+
<small class="text-muted">9 mins</small>
|
|
235
|
+
</div>
|
|
236
|
+
</div>
|
|
237
|
+
</div>
|
|
238
|
+
</div>
|
|
239
|
+
<div class="col">
|
|
240
|
+
<div class="card shadow-sm">
|
|
241
|
+
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
|
|
242
|
+
|
|
243
|
+
<div class="card-body">
|
|
244
|
+
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
|
|
245
|
+
<div class="d-flex justify-content-between align-items-center">
|
|
246
|
+
<div class="btn-group">
|
|
247
|
+
<button type="button" class="btn btn-sm btn-outline-secondary">View</button>
|
|
248
|
+
<button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
|
|
249
|
+
</div>
|
|
250
|
+
<small class="text-muted">9 mins</small>
|
|
251
|
+
</div>
|
|
252
|
+
</div>
|
|
253
|
+
</div>
|
|
254
|
+
</div>
|
|
255
|
+
<div class="col">
|
|
256
|
+
<div class="card shadow-sm">
|
|
257
|
+
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
|
|
258
|
+
|
|
259
|
+
<div class="card-body">
|
|
260
|
+
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
|
|
261
|
+
<div class="d-flex justify-content-between align-items-center">
|
|
262
|
+
<div class="btn-group">
|
|
263
|
+
<button type="button" class="btn btn-sm btn-outline-secondary">View</button>
|
|
264
|
+
<button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
|
|
265
|
+
</div>
|
|
266
|
+
<small class="text-muted">9 mins</small>
|
|
267
|
+
</div>
|
|
268
|
+
</div>
|
|
269
|
+
</div>
|
|
270
|
+
</div>
|
|
271
|
+
|
|
272
|
+
<div class="col">
|
|
273
|
+
<div class="card shadow-sm">
|
|
274
|
+
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
|
|
275
|
+
|
|
276
|
+
<div class="card-body">
|
|
277
|
+
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
|
|
278
|
+
<div class="d-flex justify-content-between align-items-center">
|
|
279
|
+
<div class="btn-group">
|
|
280
|
+
<button type="button" class="btn btn-sm btn-outline-secondary">View</button>
|
|
281
|
+
<button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
|
|
282
|
+
</div>
|
|
283
|
+
<small class="text-muted">9 mins</small>
|
|
284
|
+
</div>
|
|
285
|
+
</div>
|
|
286
|
+
</div>
|
|
287
|
+
</div>
|
|
288
|
+
<div class="col">
|
|
289
|
+
<div class="card shadow-sm">
|
|
290
|
+
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
|
|
291
|
+
|
|
292
|
+
<div class="card-body">
|
|
293
|
+
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
|
|
294
|
+
<div class="d-flex justify-content-between align-items-center">
|
|
295
|
+
<div class="btn-group">
|
|
296
|
+
<button type="button" class="btn btn-sm btn-outline-secondary">View</button>
|
|
297
|
+
<button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
|
|
298
|
+
</div>
|
|
299
|
+
<small class="text-muted">9 mins</small>
|
|
300
|
+
</div>
|
|
301
|
+
</div>
|
|
302
|
+
</div>
|
|
303
|
+
</div>
|
|
304
|
+
<div class="col">
|
|
305
|
+
<div class="card shadow-sm">
|
|
306
|
+
<svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Placeholder: Thumbnail" preserveAspectRatio="xMidYMid slice" focusable="false"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
|
|
307
|
+
|
|
308
|
+
<div class="card-body">
|
|
309
|
+
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
|
|
310
|
+
<div class="d-flex justify-content-between align-items-center">
|
|
311
|
+
<div class="btn-group">
|
|
312
|
+
<button type="button" class="btn btn-sm btn-outline-secondary">View</button>
|
|
313
|
+
<button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
|
|
314
|
+
</div>
|
|
315
|
+
<small class="text-muted">9 mins</small>
|
|
316
|
+
</div>
|
|
317
|
+
</div>
|
|
318
|
+
</div>
|
|
319
|
+
</div>
|
|
320
|
+
</div>
|
|
321
|
+
</div>
|
|
322
|
+
</div>
|
|
323
|
+
|
|
324
|
+
</main>
|
|
325
|
+
|
|
326
|
+
<footer class="text-muted py-5">
|
|
327
|
+
<div class="container">
|
|
328
|
+
<footer class="d-flex flex-wrap justify-content-between align-items-center py-3 my-4 border-top">
|
|
329
|
+
<div class="col-md-4 d-flex align-items-center">
|
|
330
|
+
<a href="/" class="mb-3 me-2 mb-md-0 text-muted text-decoration-none lh-1">
|
|
331
|
+
<svg class="bi" width="30" height="24"><use xlink:href="#bootstrap"/></svg>
|
|
332
|
+
</a>
|
|
333
|
+
<span class="mb-3 mb-md-0 text-muted">© 2022 Company, Inc</span>
|
|
334
|
+
</div>
|
|
335
|
+
|
|
336
|
+
<ul class="nav col-md-4 justify-content-end list-unstyled d-flex">
|
|
337
|
+
<li class="ms-3"><a class="text-muted" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"/></svg></a></li>
|
|
338
|
+
<li class="ms-3"><a class="text-muted" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"/></svg></a></li>
|
|
339
|
+
<li class="ms-3"><a class="text-muted" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"/></svg></a></li>
|
|
340
|
+
</ul>
|
|
341
|
+
</footer>
|
|
342
|
+
</div>
|
|
343
|
+
</footer>
|
|
344
|
+
|
|
345
|
+
|
|
346
|
+
<!-- <script src="/docs/5.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script> -->
|
|
347
|
+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
|
|
348
|
+
|
|
349
|
+
|
|
350
|
+
</body>
|
|
351
|
+
</html>
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="{{ page.lang | default: site.lang | default: "en" }}" class="h-100">
|
|
3
|
+
|
|
4
|
+
{%- include head.html -%}
|
|
5
|
+
|
|
6
|
+
<body class="d-flex flex-column h-100">
|
|
7
|
+
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
|
|
8
|
+
<symbol id="bootstrap" viewBox="0 0 118 94">
|
|
9
|
+
<title>Bootstrap</title>
|
|
10
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 0-11.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43.485 0 44.014v5.972c5.547.529 8.943 4.649 10.951 11.153 2.002 6.485 2.28 14.437 2.066 20.577C12.794 88.106 17.776 94 24.51 94H93.5c6.733 0 11.714-5.893 11.491-12.284-.214-6.14.064-14.092 2.066-20.577 2.009-6.504 5.396-10.624 10.943-11.153v-5.972c-5.547-.529-8.934-4.649-10.943-11.153-2.002-6.484-2.28-14.437-2.066-20.577C105.214 5.894 100.233 0 93.5 0H24.508zM80 57.863C80 66.663 73.436 72 62.543 72H44a2 2 0 01-2-2V24a2 2 0 012-2h18.437c9.083 0 15.044 4.92 15.044 12.474 0 5.302-4.01 10.049-9.119 10.88v.277C75.317 46.394 80 51.21 80 57.863zM60.521 28.34H49.948v14.934h8.905c6.884 0 10.68-2.772 10.68-7.727 0-4.643-3.264-7.207-9.012-7.207zM49.948 49.2v16.458H60.91c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.425-8.178H49.948z"></path>
|
|
11
|
+
</symbol>
|
|
12
|
+
<symbol id="facebook" viewBox="0 0 16 16">
|
|
13
|
+
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
|
|
14
|
+
</symbol>
|
|
15
|
+
<symbol id="instagram" viewBox="0 0 16 16">
|
|
16
|
+
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
|
|
17
|
+
</symbol>
|
|
18
|
+
<symbol id="twitter" viewBox="0 0 16 16">
|
|
19
|
+
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
|
|
20
|
+
</symbol>
|
|
21
|
+
</svg>
|
|
22
|
+
{%- include header.html -%}
|
|
23
|
+
|
|
24
|
+
<main class="page-content flex-shrink-0" aria-label="Content">
|
|
25
|
+
<div class="wrapper">
|
|
26
|
+
{{ content }}
|
|
27
|
+
</div>
|
|
28
|
+
</main>
|
|
29
|
+
|
|
30
|
+
{%- include footer.html -%}
|
|
31
|
+
|
|
32
|
+
</body>
|
|
33
|
+
|
|
34
|
+
</html>
|
data/_layouts/home.html
ADDED
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<div class="home album py-5 bg-light">
|
|
5
|
+
<div class="container">
|
|
6
|
+
{%- if page.title -%}
|
|
7
|
+
<h1 class="page-heading">{{ page.title }}</h1>
|
|
8
|
+
{%- endif -%}
|
|
9
|
+
{{ content }}
|
|
10
|
+
{% if site.paginate %}
|
|
11
|
+
{% assign posts = paginator.posts %}
|
|
12
|
+
{% else %}
|
|
13
|
+
{% assign posts = site.posts %}
|
|
14
|
+
{% endif %}
|
|
15
|
+
{%- if posts.size > 0 -%}
|
|
16
|
+
{%- if page.list_title -%}
|
|
17
|
+
<h2 class="post-list-heading">{{ page.list_title }}</h2>
|
|
18
|
+
{%- endif -%}
|
|
19
|
+
<!-- <ul class="post-list"> -->
|
|
20
|
+
{%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
|
|
21
|
+
<div class="row mb-2">
|
|
22
|
+
|
|
23
|
+
{%- for post in posts -%}
|
|
24
|
+
<div class="col-md-6">
|
|
25
|
+
<div
|
|
26
|
+
class="row g-0 border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
|
|
27
|
+
<div class="col p-4 d-flex flex-column position-static">
|
|
28
|
+
<!-- <div> -->
|
|
29
|
+
<!-- {% for tag in site.tags %}
|
|
30
|
+
<h3>{{ tag[0] }}</h3>
|
|
31
|
+
<ul>
|
|
32
|
+
{% for postt in tag[1] %}
|
|
33
|
+
<li><a href="{{ postt.url }}">{{ postt.title }}</a></li>
|
|
34
|
+
{% endfor %}
|
|
35
|
+
</ul>
|
|
36
|
+
{% endfor %} -->
|
|
37
|
+
<!-- <div class="col p-4 d-flex flex-column position-static"> -->
|
|
38
|
+
<strong class="d-inline-block mb-2 text-primary">
|
|
39
|
+
{%- for cat in post.categories -%}
|
|
40
|
+
{{ cat }}
|
|
41
|
+
{%- endfor -%}</strong>
|
|
42
|
+
<h3 class="mb-0">{{ post.title | escape }}</h3>
|
|
43
|
+
<div class="mb-1 text-muted post-meta">{{ post.date | date: date_format }}</div>
|
|
44
|
+
<p class="card-text mb-auto">{{ post.content| strip_html | truncatewords: 30 }}</p>
|
|
45
|
+
<a class="stretched-link" href="{{ post.url | relative_url }}">Read more</a>
|
|
46
|
+
</div>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
<!-- <li> -->
|
|
50
|
+
<!-- <span class="post-meta">{{ post.date | date: date_format }}</span>
|
|
51
|
+
<h3>
|
|
52
|
+
<a class="post-link" href="{{ post.url | relative_url }}">
|
|
53
|
+
{{ post.title | escape }}
|
|
54
|
+
</a>
|
|
55
|
+
</h3> -->
|
|
56
|
+
{%- if site.show_excerpts -%}
|
|
57
|
+
{{ post.excerpt }}
|
|
58
|
+
{%- endif -%}
|
|
59
|
+
<!-- </li> -->
|
|
60
|
+
{%- endfor -%}
|
|
61
|
+
</div>
|
|
62
|
+
<!-- </ul> -->
|
|
63
|
+
{% if site.paginate %}
|
|
64
|
+
<div class="pager">
|
|
65
|
+
<ul class="pagination">
|
|
66
|
+
{%- if paginator.previous_page %}
|
|
67
|
+
<li><a href="{{ paginator.previous_page_path | relative_url }}" class="previous-page">{{
|
|
68
|
+
paginator.previous_page }}</a></li>
|
|
69
|
+
{%- else %}
|
|
70
|
+
<li>
|
|
71
|
+
<div class="pager-edge">•</div>
|
|
72
|
+
</li>
|
|
73
|
+
{%- endif %}
|
|
74
|
+
<li>
|
|
75
|
+
<div class="current-page">{{ paginator.page }}</div>
|
|
76
|
+
</li>
|
|
77
|
+
{%- if paginator.next_page %}
|
|
78
|
+
<li><a href="{{ paginator.next_page_path | relative_url }}" class="next-page">{{ paginator.next_page
|
|
79
|
+
}}</a></li>
|
|
80
|
+
{%- else %}
|
|
81
|
+
<li>
|
|
82
|
+
<div class="pager-edge">•</div>
|
|
83
|
+
</li>
|
|
84
|
+
{%- endif %}
|
|
85
|
+
</ul>
|
|
86
|
+
</div>
|
|
87
|
+
{%- endif %}
|
|
88
|
+
{%- endif -%}
|
|
89
|
+
</div>
|
|
90
|
+
</div>
|
data/_layouts/page.html
ADDED
data/_layouts/post.html
ADDED
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
---
|
|
2
|
+
layout: default
|
|
3
|
+
---
|
|
4
|
+
<div class="container">
|
|
5
|
+
<article class="post h-entry " itemscope itemtype="http://schema.org/BlogPosting">
|
|
6
|
+
<div class="col p-4 d-flex flex-column position-static">
|
|
7
|
+
<header class="post-header">
|
|
8
|
+
<h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h1>
|
|
9
|
+
<p class="post-meta">
|
|
10
|
+
{%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
|
|
11
|
+
<time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
|
|
12
|
+
{{ page.date | date: date_format }}
|
|
13
|
+
</time>
|
|
14
|
+
{%- if page.modified_date -%}
|
|
15
|
+
~
|
|
16
|
+
{%- assign mdate = page.modified_date | date_to_xmlschema -%}
|
|
17
|
+
<time class="dt-modified" datetime="{{ mdate }}" itemprop="dateModified">
|
|
18
|
+
{{ mdate | date: date_format }}
|
|
19
|
+
</time>
|
|
20
|
+
{%- endif -%}
|
|
21
|
+
{%- if page.author -%}
|
|
22
|
+
• {% for author in page.author %}
|
|
23
|
+
<span itemprop="author" itemscope itemtype="http://schema.org/Person">
|
|
24
|
+
<span class="p-author h-card" itemprop="name">{{ author }}</span></span>
|
|
25
|
+
{%- if forloop.last == false %}, {% endif -%}
|
|
26
|
+
{% endfor %}
|
|
27
|
+
{%- endif -%}
|
|
28
|
+
</p>
|
|
29
|
+
</header>
|
|
30
|
+
<div class="post-content e-content" itemprop="articleBody">
|
|
31
|
+
{{ content }}
|
|
32
|
+
</div>
|
|
33
|
+
{%- if site.disqus.shortname -%}
|
|
34
|
+
{%- include disqus_comments.html -%}
|
|
35
|
+
{%- endif -%}
|
|
36
|
+
<a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
|
|
37
|
+
</div>
|
|
38
|
+
</article>
|
|
39
|
+
</div>
|
|
Binary file
|
metadata
ADDED
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
|
+
name: jekyll-theme-devcarpet-01
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
version: 0.1.2
|
|
5
|
+
platform: ruby
|
|
6
|
+
authors:
|
|
7
|
+
- Rafał Zawadzki
|
|
8
|
+
autorequire:
|
|
9
|
+
bindir: bin
|
|
10
|
+
cert_chain: []
|
|
11
|
+
date: 2022-07-23 00:00:00.000000000 Z
|
|
12
|
+
dependencies:
|
|
13
|
+
- !ruby/object:Gem::Dependency
|
|
14
|
+
name: jekyll
|
|
15
|
+
requirement: !ruby/object:Gem::Requirement
|
|
16
|
+
requirements:
|
|
17
|
+
- - "~>"
|
|
18
|
+
- !ruby/object:Gem::Version
|
|
19
|
+
version: '4.2'
|
|
20
|
+
type: :runtime
|
|
21
|
+
prerelease: false
|
|
22
|
+
version_requirements: !ruby/object:Gem::Requirement
|
|
23
|
+
requirements:
|
|
24
|
+
- - "~>"
|
|
25
|
+
- !ruby/object:Gem::Version
|
|
26
|
+
version: '4.2'
|
|
27
|
+
description:
|
|
28
|
+
email:
|
|
29
|
+
- bluszcz@bluszcz.net
|
|
30
|
+
executables: []
|
|
31
|
+
extensions: []
|
|
32
|
+
extra_rdoc_files: []
|
|
33
|
+
files:
|
|
34
|
+
- LICENSE.txt
|
|
35
|
+
- README.md
|
|
36
|
+
- _config.yml
|
|
37
|
+
- _includes/custom-head.html
|
|
38
|
+
- _includes/footer.html
|
|
39
|
+
- _includes/google-analytics.html
|
|
40
|
+
- _includes/head.html
|
|
41
|
+
- _includes/header.html
|
|
42
|
+
- _layouts/_blog.html
|
|
43
|
+
- _layouts/_portfolio.html
|
|
44
|
+
- _layouts/default.html
|
|
45
|
+
- _layouts/home.html
|
|
46
|
+
- _layouts/page.html
|
|
47
|
+
- _layouts/post.html
|
|
48
|
+
- assets/screenshot-01.png
|
|
49
|
+
homepage: https://github.com/bluszcz/jekyll-theme-devcarpet-01
|
|
50
|
+
licenses:
|
|
51
|
+
- MIT
|
|
52
|
+
metadata: {}
|
|
53
|
+
post_install_message:
|
|
54
|
+
rdoc_options: []
|
|
55
|
+
require_paths:
|
|
56
|
+
- lib
|
|
57
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
58
|
+
requirements:
|
|
59
|
+
- - ">="
|
|
60
|
+
- !ruby/object:Gem::Version
|
|
61
|
+
version: '0'
|
|
62
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
63
|
+
requirements:
|
|
64
|
+
- - ">="
|
|
65
|
+
- !ruby/object:Gem::Version
|
|
66
|
+
version: '0'
|
|
67
|
+
requirements: []
|
|
68
|
+
rubygems_version: 3.0.3.1
|
|
69
|
+
signing_key:
|
|
70
|
+
specification_version: 4
|
|
71
|
+
summary: Bootstrap 5 Jekyll Theme.
|
|
72
|
+
test_files: []
|