jekyll-theme-dusk 0.2.3 → 0.2.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 78642afdc7325d840ce411425624f75c0f0fab2c01ebe9a5029d7081455aa31d
-  data.tar.gz: 92e26fa4bf184725d992c930bb8295086c3be450d1f26775fe595bd48dbace0f
+  metadata.gz: 0aaddb7cdb1b910335bd0a657c733cc741d711d5baaff9dee8a8261ec39dcca1
+  data.tar.gz: 97bf2558d4113fe0c418c8a0de7959198b65a48a5ad42e7475a85977d176e466
 SHA512:
-  metadata.gz: 562d2479705bb9235236efecf26ecbf8a69a8e2d9540b1bee9091ee2463595b83db8b28952d12e2b6d1e7283796e1eda640c46d7118009a38ccc1165c0d1a9dd
-  data.tar.gz: 5247a38e48013cedeebabf7f963a9a4a426fc96111b9f8e8986a2b735e59ae0ea6976e01c9ed8dbd896063b618eca63ab57c7cff22fee50c6855c148bceae55c
+  metadata.gz: 364219768d8342d5d545eb3a6ad4f4ef84c443a71200e3fba9658a197cbbfee443280cdbde6d2c31ada0cc6e84fde926fd1d18a423ff3734a4798499118bf7f8
+  data.tar.gz: 929dced2ffe00192bcfa8fc7b3fb0c10ef72cce825356fd6d7cd62c1ef3b92b3a408927d1c3f6d83061fcdf067bf3daec702d3316b54698a88147b36930bf933

data/README.md

@@ -1,10 +1,6 @@
 # jekyll-theme-dusk
 
-Welcome to your new Jekyll theme! In this directory, you'll find the files you need to be able to package up your theme into a gem. Put your layouts in `_layouts`, your includes in `_includes`, your sass files in `_sass` and any other assets in `assets`.
-
-To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site!
-
-TODO: Delete this and the text above, and describe your gem
+This theme was built for GitHub Pages.
 
 ## Installation
 
@@ -30,20 +26,48 @@ Or install it yourself as:
 
 ## Usage
 
-TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
+This theme has many features in it. They are written here so that it is easier to use them.
 
-## Contributing
+- ### Navigation Menu
 
-Bug reports and pull requests are welcome on GitHub at https://github.com/Parmjot-Singh/jekyll-theme-dusk. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](https://www.contributor-covenant.org/) code of conduct.
+To edit entries in the navigation menu, edit;
+```
+_data/navigation.yml
+```
+and add your pages, and icons if you want them.
+Here is an example:
+```
+- name: Home
+  icon: 
+  link: /
+- name: About
+  icon: /assets/images/about-icon.png
+  link: /about.html
+- name: Blog
+  icon: /assets/images/blog-icon.png
+  link: /blog.html
+```
+![Editing the navigation menu, as a GIF](.readme/edit-nav.gif "Edit the navigation menu")
+Crunchy gif :)
+
+- ### Home Page
 
-## Development
+To edit the home page, you need to include a title for the page, and a small summary.
+This can be found in the front matter. Here is an example.
+```
+layout: home
+permalink: /
+title: "Dusk"
+summary: "Dusk is a theme built for GitHub Pages."
+```
 
-To set up your environment to develop this theme, run `bundle install`.
+- ### Blog Page
 
-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.
+This page contains all your posts that you have made on your website. All you need to do is just to make some posts, and then they will all appear there.
 
-When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
-To add a custom directory to your theme-gem, please edit the regexp in `jekyll-theme-dusk.gemspec` accordingly.
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/Parmjot-Singh/jekyll-theme-dusk. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](https://www.contributor-covenant.org/) code of conduct.
 
 ## License
 

data/_config.yml

@@ -6,6 +6,7 @@ exclude:
 - Gemfile.lock
 - jekyll-theme-dusk.gemspec
 - .jekyll-metadata
+- .readme
 
 # Installed Gems - no SEO because privacy :)
 plugins:

data/_data/galleries/example.yml

@@ -0,0 +1,5 @@
+- image: tux.jpg
+- image: tux-flag.jpg
+- image: tux-old.jpg
+- image: tux-trollface.jpg
+- image: tux-unfaithful.jpg

data/_data/navigation.yml

@@ -7,4 +7,4 @@
 - name: Blog
   icon: /assets/images/blog-icon.png
   link: /blog.html
-  
+

data/_includes/image-gallery.html

@@ -0,0 +1,11 @@
+<!-- credit to Tim Van Damme at css-tricks.com -->
+<!-- https://css-tricks.com/adaptive-photo-layout-with-flexbox -->
+<div id="image-gallery">
+	<ul>
+		{%- for item in site.data.galleries[include.gallery_id] -%}
+		<li>
+			<img src="/assets/images/gallery/{{ include.gallery_id }}/{{ item.image }}">
+		</li>
+		{%- endfor -%}
+	</ul>
+</div>

data/_sass/base.scss

@@ -80,4 +80,33 @@ hr {
 
 article {
 	margin: 20px 0;
+
+	#image-gallery {
+		background-color: green;
+		
+		ul {
+			display: flex;
+			flex-wrap: wrap;
+			list-style: none;
+			padding-left: 0;
+
+			&:after {
+				content:'';
+				display:block;
+				flex-grow: 10;
+			}
+		}
+	
+		li {
+			height: 40vh;
+			flex-grow: 1;
+		}
+	
+		img {
+			max-height: 100%;
+			min-width: 100%;
+			object-fit: cover;
+			vertical-align: bottom;
+		}
+	}
 }

data/_sass/include.scss

@@ -29,7 +29,7 @@
         transform: translate(-50%, -50%);
     }
 }
-#why {
+#why {/* container around .b2b-container div. Button doesn't look correct without this for some reason, hence the name #why */
     display: flex;
     flex-direction: row;
     justify-content: flex-start;

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-dusk
 version: !ruby/object:Gem::Version
-  version: 0.2.3
+  version: 0.2.5
 platform: ruby
 authors:
 - Parmjot Singh
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2023-04-25 00:00:00.000000000 Z
+date: 2023-05-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: github-pages
@@ -48,12 +48,14 @@ files:
 - LICENSE.txt
 - README.md
 - _config.yml
+- _data/galleries/example.yml
 - _data/navigation.yml
 - _includes/footer.html
 - _includes/head.html
 - _includes/header-default.html
 - _includes/header-home.html
 - _includes/header-post.html
+- _includes/image-gallery.html
 - _includes/navigation.html
 - _layouts/blog.html
 - _layouts/default.html
@@ -69,6 +71,11 @@ files:
 - assets/images/cross.png
 - assets/images/dusk-gray.jpg
 - assets/images/dusk.jpg
+- assets/images/gallery/example/tux-flag.jpg
+- assets/images/gallery/example/tux-old.jpg
+- assets/images/gallery/example/tux-trollface.jpg
+- assets/images/gallery/example/tux-unfaithful.jpg
+- assets/images/gallery/example/tux.jpg
 - assets/images/github-logo.png
 - assets/images/noise.png
 homepage: https://github.com/Parmjot-Singh/jekyll-theme-dusk/