jekyll-theme-devcarpet-01 0.1.3 → 0.2.1

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: bd0598d4bcb4c6e92ba02d3d5b761698f4b374efaf0b4f1875de3c04953359b9
4
- data.tar.gz: a79f1972e5e19aa272415c3a5b74dfff3e96e29dbee97e009c3e3b609da0801c
3
+ metadata.gz: c4287c944343d2119f4334ca2882275dfb255b5ab329d07bde31fea53013a508
4
+ data.tar.gz: f44524c7a07571a724cf4923c87ff7452c9d8390f000b1d5508d9304e63a99ba
5
5
  SHA512:
6
- metadata.gz: b57df2b60d6668e32d2c776961c4193683ac1f46b4782ad5ec2bf3f83ebf787c36e0b4404d31664aff6fa10191925d760cb1291038a7268856131b8a2223ae0a
7
- data.tar.gz: b24005941ba21e49c32a56457322d642ba9b7c9816b9d3d4a2f7dba6ed6e667e5321ff7310fcc8c70cd43fa0e599ddcd6501cbe2d84e666d734ac0aad82d1b10
6
+ metadata.gz: 3af9796dbdc03bf395acd8c18c4c35547497d3d2f4dbf86df0502749e183c0412d118560969dd34d923c74c0d6b42040c1077f8b837d610d07a12547fc9adbbe
7
+ data.tar.gz: 19fd682e51d72b17f470b38fec9e71895fbc07074747be060771cc52b411156b45ecc55c3697814d86038a10f5eaae809a26ffd7f96769d19dd3975f55b1b3b7
data/README.md CHANGED
@@ -1,11 +1,20 @@
1
1
  # jekyll-theme-devcarpet-01
2
2
 
3
- Jekyll Bootstrap 5 Template. Recommended for Jekyll + Strapi 4.
3
+ Jekyll Bootstrap 5 Template designed for Portfolio websites. It is being developed having in mind integration with Strapi 4.
4
4
 
5
- This template is my first Jekyll template and it started as modification of minima template.
5
+ This is important to mention that this template is my first Jekyll template and it started as modification of minima template. But I think all Jekyll templates starts in this way :deer::smile:.
6
6
 
7
7
  ![](assets/screenshot-01.png?raw=true)
8
8
 
9
+ With this template you can easily present your portfolio:
10
+
11
+ ![](assets/portfolio.png?raw=true)
12
+
13
+ Template is mobile first and this is how it renders on smartphones:
14
+
15
+ ![](assets/screenshot-02.png?raw=true)
16
+
17
+
9
18
  ## Installation
10
19
 
11
20
  Add this line to your Jekyll site's `Gemfile`:
@@ -51,9 +60,25 @@ To configure footer slogan:
51
60
  devcarpet_theme:
52
61
  footer_slogan: Done with the help of <a href="https://github.com/bluszcz/jekyll-theme-devcarpet-01">Devcarpet Jekyll Theme</a>.
53
62
  ```
63
+
64
+ ## Features / Roadmap
65
+
66
+ * [x] Social links
67
+ * [x] Custom navbar description
68
+ * [x] Hero Banner
69
+ * [x] Custom navbar links
70
+ * [ ] Sass for Bootstrap 5 - more customization
71
+ * [ ] Modal images (perhaps filter?)
72
+ * [ ] Support for Strapi 4
73
+ * [ ] Support for Strapi 4 - Modal Images using thumbs from Json
74
+ * [ ] About page
75
+ * [x] Portfolio page
76
+ * [x] Collections
77
+ * [ ]
78
+
54
79
  ## Contributing
55
80
 
56
- Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
81
+ Bug reports and pull requests are welcome on GitHub at https://github.com/bluszcz/jekyll-theme-devcarpet-01. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
57
82
 
58
83
  ## Development
59
84
 
data/_config.yml CHANGED
@@ -12,6 +12,10 @@ show_excerpts: false # set to true to show excerpts on the homepage
12
12
  # date format, refer to https://shopify.github.io/liquid/filters/date/
13
13
  # if you want to customize this
14
14
  devcarpet_theme:
15
+ hero:
16
+ active: true
17
+ title: Responsive Bootstrap 5 Jekyll Template
18
+ description: Welcome in Devcparet Jekyll Theme. You can change this hero banner using _config.yml. You can also replace this image. Study _config to see which other changes could be applied.
15
19
  footer_slogan: Done with the help of <a href="https://github.com/bluszcz/jekyll-theme-devcarpet-01">Devcarpet Jekyll Theme</a>.
16
20
  date_format: "%b %-d, %Y"
17
21
 
@@ -34,7 +38,22 @@ devcarpet_theme:
34
38
  # Build settings
35
39
  theme: jekyll-theme-devcarpet-01
36
40
 
41
+ collections:
42
+ portfolio:
43
+
37
44
  plugins:
38
45
  - jekyll-feed
39
46
  - jekyll-seo-tag
47
+ - jekyll-archives
48
+
49
+
50
+ jekyll-archives:
51
+ enabled: all
52
+ layout: archive
53
+ permalinks:
54
+ year: '/:year/'
55
+ month: '/:year/:month/'
56
+ day: '/:year/:month/:day/'
57
+ tag: '/tag/:name/'
58
+ category: '/category/:name/'
40
59
 
@@ -9,9 +9,11 @@
9
9
  <div class="col-sm-4 offset-md-1 py-4">
10
10
  <h4 class="text-white">Contact</h4>
11
11
  <ul class="list-unstyled">
12
- <li><a href="#" class="text-white">Follow on Twitter</a></li>
13
- <li><a href="#" class="text-white">Like on Facebook</a></li>
14
- <li><a href="#" class="text-white">Email me</a></li>
12
+ {%- assign social = site.devcarpet_theme.social_links -%}
13
+ {%- if social.twitter -%}<li><a href="https://twitter.com/{{ social.twitter | cgi_escape | escape }}" class="text-white">Follow on Twitter</a></li>{%- endif -%}
14
+ {%- if social.facebook -%}<li><a href="https://www.facebook.com/{{ social.facebook | cgi_escape | escape }}" class="text-white">Like on Facebook</a></li>{%- endif -%}
15
+ {%- if social.github -%}<li><a href="https://github.com/{{ social.github | cgi_escape | escape }}" class="text-white">Like on Github</a></li>{%- endif -%}
16
+ <!-- {%- if site.email -%}<li><a href="#" class="text-white">Email me</a></li>{%- endif -%} -->
15
17
  </ul>
16
18
  </div>
17
19
  </div>
@@ -31,37 +33,4 @@
31
33
  </button>
32
34
  </div>
33
35
  </div>
34
- </header>
35
-
36
- <!-- <header class="site-header">
37
-
38
- <div class="wrapper">
39
- {%- assign default_paths = site.pages | map: "path" -%}
40
- {%- assign page_paths = site.header_pages | default: default_paths -%}
41
- {%- assign titles_size = site.pages | map: 'title' | join: '' | size -%}
42
- <a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
43
-
44
- {%- if titles_size > 0 -%}
45
- <nav class="site-nav">
46
- <input type="checkbox" id="nav-trigger" class="nav-trigger" />
47
- <label for="nav-trigger">
48
- <span class="menu-icon">
49
- <svg viewBox="0 0 18 15" width="18px" height="15px">
50
- <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
51
- </svg>
52
- </span>
53
- </label>
54
-
55
- <div class="trigger">
56
- {%- for path in page_paths -%}
57
- {%- assign my_page = site.pages | where: "path", path | first -%}
58
- {%- if my_page.title -%}
59
- <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
60
- {%- endif -%}
61
- {%- endfor -%}
62
- </div>
63
- </nav>
64
- {%- endif -%}
65
- </div>
66
- </header> -->
67
-
36
+ </header>
@@ -1,22 +1,14 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="{{ page.lang | default: site.lang | default: "en" }}" class="h-100">
3
-
4
3
  {%- include head.html -%}
5
-
6
4
  <body class="d-flex flex-column h-100">
7
5
  {%- include header.html -%}
8
6
  <main class="page-content flex-shrink-0" aria-label="Content">
9
- <div class="wrapper">
7
+ <div class="wrapper container">
10
8
  {{ content }}
11
9
  </div>
12
10
  </main>
13
-
14
11
  {%- include footer.html -%}
15
-
16
-
17
-
18
12
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
19
-
20
13
  </body>
21
-
22
14
  </html>
data/_layouts/home.html CHANGED
@@ -1,6 +1,25 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
+ {%- assign hero = site.devcarpet_theme.hero -%}
5
+ {%- if hero.active -%}
6
+ <div class="container col-xxl-10 px-4 py-5">
7
+ <div class="row flex-lg-row-reverse align-items-center g-5 py-5">
8
+ <div class="col-10 col-sm-8 col-lg-6">
9
+ <img src="assets/hero-01.jpg" class="d-block mx-lg-auto img-fluid" alt="Bootstrap Themes" width="700"
10
+ height="500" loading="lazy">
11
+ </div>
12
+ <div class="col-lg-6">
13
+ <h1 class="display-5 fw-bold lh-1 mb-3">{{ hero.title }}</h1>
14
+ <p class="lead">{{ hero.description }}</p>
15
+ <div class="d-grid gap-2 d-md-flex justify-content-md-start">
16
+ <a href="/about/"><button type="button" class="btn btn-primary btn-lg px-4 me-md-2">About</button></a>
17
+ <a href="/portfolio/"><button type="button" class="btn btn-outline-secondary btn-lg px-4">Portfolio</button></a>
18
+ </div>
19
+ </div>
20
+ </div>
21
+ </div>
22
+ {%- endif -%}
4
23
  <div class="home album py-5 bg-light">
5
24
  <div class="container">
6
25
  {%- if page.title -%}
@@ -14,12 +33,11 @@ layout: default
14
33
  {% endif %}
15
34
  {%- if posts.size > 0 -%}
16
35
  {%- if page.list_title -%}
17
- <h2 class="post-list-heading">{{ page.list_title }}</h2>
36
+ <h2 class="post-list-heading">{{ page.list_title }}</h2>
18
37
  {%- endif -%}
19
38
  <!-- <ul class="post-list"> -->
20
39
  {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
21
40
  <div class="row mb-2">
22
-
23
41
  {%- for post in posts -%}
24
42
  <div class="col-md-6">
25
43
  <div
@@ -0,0 +1,44 @@
1
+ ---
2
+ layout: default
3
+ title: Portfolio
4
+ ---
5
+ <section class="py-5 text-center container">
6
+ <div class="row py-lg-5">
7
+ <div class="col-lg-6 col-md-8 mx-auto">
8
+ <h1 class="fw-light">Welcome in my Portfolio</h1>
9
+ <p class="lead text-muted">Here you can find external websites with my artwork.</p>
10
+ <!-- <p>
11
+ <a href="#" class="btn btn-primary my-2">Main call to action</a>
12
+ <a href="#" class="btn btn-secondary my-2">Secondary action</a>
13
+ </p> -->
14
+ </div>
15
+ </div>
16
+ </section>
17
+ <div class="album py-5 bg-light">
18
+ <div class="container">
19
+
20
+ <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
21
+ {% for entry in site.portfolio %}
22
+ <div class="col">
23
+ <div class="card shadow-sm">
24
+ <!-- <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> -->
25
+ <img role="img" height="225" aria-label="Placeholder: Thumbnail" src="/assets/{{ entry.image }}"/>
26
+ <div class="card-body">
27
+ <p class="card-text">{{ entry.content| markdownify }}</p>
28
+ <div class="d-flex justify-content-between align-items-center">
29
+ <!-- <div class="btn-group"> -->
30
+ <a href="{{ entry.link }}" class="stretched-link" target="_blank"><button type="button" class="btn btn-sm btn-outline-secondary">View</button></a>
31
+ <!-- <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> -->
32
+ <!-- </div> -->
33
+ <strong>{{ entry.name }}</strong>
34
+ <!-- <small class="text-muted"></small> -->
35
+ </div>
36
+ </div>
37
+ </div>
38
+ </div>
39
+
40
+
41
+ {% endfor %}
42
+ </div>
43
+ </div>
44
+ </div>
data/_layouts/post.html CHANGED
@@ -1,7 +1,6 @@
1
1
  ---
2
2
  layout: default
3
3
  ---
4
- <div class="container">
5
4
  <article class="post h-entry " itemscope itemtype="http://schema.org/BlogPosting">
6
5
  <div class="col p-4 d-flex flex-column position-static">
7
6
  <header class="post-header">
@@ -35,5 +34,4 @@ layout: default
35
34
  {%- endif -%}
36
35
  <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
37
36
  </div>
38
- </article>
39
- </div>
37
+ </article>
Binary file
Binary file
Binary file
Binary file
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-devcarpet-01
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.3
4
+ version: 0.2.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Rafał Zawadzki
@@ -45,8 +45,12 @@ files:
45
45
  - _layouts/default.html
46
46
  - _layouts/home.html
47
47
  - _layouts/page.html
48
+ - _layouts/portfolio.html
48
49
  - _layouts/post.html
50
+ - assets/hero-01.jpg
51
+ - assets/portfolio.png
49
52
  - assets/screenshot-01.png
53
+ - assets/screenshot-02.png
50
54
  homepage: https://github.com/bluszcz/jekyll-theme-devcarpet-01
51
55
  licenses:
52
56
  - MIT