cafe-theme 0.1.1 → 0.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5ca7c68ae4bfab4caa66f9306bbfd8955a2ae5375de8b35d4ec063c6603b6d99
-  data.tar.gz: eceae0822a59964f3bd180ad7502891f0e18bea18b737bdf42a01d7a14aa0b38
+  metadata.gz: 9dd0e444fc008a8bb38073b1222f57922ff1c375c0a1f8ad947196eca6eade49
+  data.tar.gz: 0ca3e871063ea1fd5f43acbefea153837135ceaacee91a520f5dd7ba64d9bcfe
 SHA512:
-  metadata.gz: 3ddebe151f54897d687ccc2444c44f2e691c8cf3cd9a572ef009ac5a1c57e996ea9ebccbe416a6e45a0f4da0481099df222e502b4c47e44fbd7a0e0e4e92e491
-  data.tar.gz: fb1a2ec215f149c8afe480aef4b63996981d120873e48a367bea8592866fb79c203faa7ca2ac06e0b2b6d75b3253c5603e80955f96404c80b02d7b87bd44492d
+  metadata.gz: d541a588d43553f1f5257b47bd2253a4892c69feb1fc99c1df1ab7c39269b2798d079cce53b5eccd97b1f7cb867bede8fe040a40184e0bb4eda5e4854e127c10
+  data.tar.gz: a6f75cb66c3b559a6a23772a7d594ffe24919a3d937c1a756d72f01d07a152aa1725643fcb870e2d4bb699aec7ab99f89748b0ff137474716ba11aa63aa54ff5

data/_data/brand.yml

@@ -0,0 +1,5 @@
+name: Generic Café
+description: A template website for a café.
+color_profile: dark  # options: light, dark, pink
+font_profile: futuristic  # options: futuristic, rustic, cursive, formal
+accent_color: "#b12b2b"

data/_data/contact.yml

@@ -0,0 +1,14 @@
+location:
+  address: X Location St, City, State, Country
+  google_maps: https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3151.808975176893!2d144.9651933152148!3d-37.81794314205539!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642b6bb2ad6c3%3A0x81524da322c3d6d5!2sFlinders%20Street%20Railway%20Station%20Police%20Booth!5e0!3m2!1sen!2sau!4v1654361982938!5m2!1sen!2sau
+  locale: en-AU
+
+socials:
+  - platform: Facebook
+    link: https://www.facebook.com/example
+  - platform: Instagram
+    link: https://www.instagram.com/example
+  - platform: email
+    link: mailto:example@example.com
+  - platform: phone
+    link: tel:xxxxxxxxxx

data/_data/navigation.yml

@@ -0,0 +1,8 @@
+- title: Home
+  url: /
+- title: Menu
+  url: /menu
+- title: Gallery
+  url: /gallery
+- title: Contact
+  url: /contact

data/_data/openingTimes.yml

@@ -0,0 +1,9 @@
+- days: Weekdays
+  open: 6:00 AM
+  close: 2:00 PM
+- days: Weekends
+  open: 6:30 AM
+  close: 2:00 PM
+- days: Public holidays
+  open: 7:00 AM
+  close: 2:00 PM

data/_data/production.yml

@@ -0,0 +1,2 @@
+demo: false
+gtag:

data/_data/profiles.yml

@@ -0,0 +1,30 @@
+color_profiles:
+  - name: light
+    foreground_color: black
+    background_color: "#eeeeee"
+    transparent_nav_bar_text_color: "#eeeeee"
+  - name: dark
+    foreground_color: white
+    background_color: "#111111"
+    transparent_nav_bar_text_color: white
+  - name: pink
+    foreground_color: black
+    background_color: "#e2dbdd"
+    transparent_nav_bar_text_color: "#e2dbdd"
+
+font_profiles:
+  - name: futuristic
+    font_url: https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@500&display=swap
+    title_font: '"Red Hat Display", "Century Gothic", Futura, "Avenir Next", Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif'
+    body_font: '"Avenir Next", Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif'
+  - name: rustic
+    font_url: https://fonts.googleapis.com/css2?family=Condiment&display=swap
+    title_font: 'Condiment, "Brush Script MT", cursive'
+    body_font: '"Helvetica Neue", Helvetica, Arial, sans-serif'
+  - name: cursive
+    font_url: https://fonts.googleapis.com/css2?family=Cookie&display=swap
+    title_font: 'Cookie, "Brush Script MT", cursive'
+    body_font: '"Helvetica Neue", Helvetica, Arial, sans-serif'
+  - name: formal
+    title_font: 'Georgia, "Times New Roman", serif'
+    body_font: '"Helvetica Neue", Helvetica, Arial, serif'

data/_data/reviews.yml

@@ -0,0 +1,15 @@
+- title: Great Café
+  username: John Doe
+  message: Loved the coffee and the views. I'll be coming back!
+  link: https://example.com/1
+  stars: 5
+- title: Brilliant!
+  username: Jane Doe
+  message: Staff were exceptional and the breakfast was lovely.
+  link: https://example.com/2
+  stars: 5
+- title: Friendly staff
+  username: Smith Doe
+  message: I have never seen a better looking café, and the staff were so friendly. I'm so glad I live nearby.
+  link: https://example.com/3
+  stars: 5

data/_includes/head.html

@@ -25,9 +25,9 @@
 
 <!-- Styles -->
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
-{% for color_theme in site.data.themes.color_themes %}
-	{% if color_theme.name == site.data.brand.color_theme %}
-		<meta name="theme-color" content="{{ color_theme.background_color }}">
+{% for color_profile in site.data.profiles.color_profiles %}
+	{% if color_profile.name == site.data.brand.color_profile %}
+		<meta name="profile-color" content="{{ color_profile.background_color }}">
 	{% endif %}
 {% endfor %}
 <link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">

data/_includes/icons.html

@@ -21,9 +21,9 @@
 <link rel="apple-touch-icon" sizes="152x152" href="{{ icons_path | append: 'favicon-152.png' | append: nonce | relative_url }}">
 <link rel="apple-touch-icon" sizes="180x180" href="{{ icons_path | append: 'favicon-180.png' | append: nonce | relative_url }}">
 
-{% for color_theme in site.data.themes.color_themes %}
-	{% if color_theme.name == site.data.brand.color_theme %}
-		<meta name="msapplication-TileColor" content="{{ color_theme.background_color }}">
+{% for color_profile in site.data.profiles.color_profiles %}
+	{% if color_profile.name == site.data.brand.color_profile %}
+		<meta name="msapplication-TileColor" content="{{ color_profile.background_color }}">
 	{% endif %}
 {% endfor %}
 

data/_includes/nav.html

@@ -9,9 +9,9 @@
 				<img src="{{ '/assets/images/logo.webp' | relative_url }}" alt="{{ site.data.brand.name }} logo">
 			</a>
 		</li>
-		{% for navigation_page in site.data.navigation.pages %}
+		{% for navigation_page in site.data.navigation %}
 			<li>
-				<a href="{{ navigation_page.url | relative_url }}"{% if page.url == navigation_page.url %} class="currentPage"{% endif %} tabindex="0">{{ navigation_page.title }}</a>
+				<a href="{{ navigation_page.url | relative_url }}"{% if page.title == navigation_page.title %} class="currentPage"{% endif %} tabindex="0">{{ navigation_page.title }}</a>
 			</li>
 		{% endfor %}
 	</ul>

data/_includes/openTimes.html

@@ -1,5 +1,5 @@
 <div class="openingTimes">
-  {% for day_of_week in site.data.openingTimes.times %}
+  {% for day_of_week in site.data.openingTimes %}
     <p>{{ day_of_week.days }}:</p>
     <p>{{ day_of_week.open }} - {{ day_of_week.close }}</p>
   {% endfor %}

data/_includes/reviews.html

@@ -1,5 +1,5 @@
 <div id="reviews">
-	{% for review in site.data.reviews.reviews %}
+	{% for review in site.data.reviews %}
 		<a href="{{ review.link }}" target="_blank" rel="noopener">
 			<h2>{{ review.title }}</h2>
 			<p class="username">&mdash; {{ review.username }}</p>

data/_layouts/404.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+<h1>404 - Page Not Found</h1>
+<p>The page you were looking for could not be found. Please click on one of the navigation options above to find what you were looking for.</p>

data/_layouts/contact.html

@@ -2,5 +2,8 @@
 layout: default
 ---
 {% include map.html %}
+{% if content != "" %}
+	<p>{{ content }}</p>
+{% endif %}
 {% include socials.html %}
 {% include openTimes.html %}

data/_layouts/gallery.html

@@ -1,10 +1,13 @@
 ---
 layout: default
 ---
+{% if content != "" %}
+	<p>{{ content }}</p>
+{% endif %}
 <div id="gallery">
-	{% for gallery_item in site.data.gallery.gallery %}
+	{% for description in page.descriptions %}
 	<div onclick=""> <!-- onclick lets iOS recognise hover events -->
-		<img src="{{ '/assets/images/gallery/' | append: forloop.index | append: '.webp' | relative_url }}" alt="{{ gallery_item.description }}"">
+		<img src="{{ '/assets/images/gallery/' | append: forloop.index | append: '.webp' | relative_url }}" alt="{{ description }}"">
 		<p>{{ gallery_item.description }}</p>
 	</div>
 	{% endfor %}

data/_layouts/home.html

@@ -1,7 +1,13 @@
 ---
 layout: default
 ---
-<p>{{ site.data.brand.description }}{% if site.data.production.demo %} This website is not the official website of {{ site.data.brand.name }}, it is a demo.{% endif %}</p>
+{% if site.data.production.demo %}
+	<p>This website is not the official website of {{ site.data.brand.name }}, it is a demo. This website will also not show up in search engine results.</p>
+{% endif %}
+<p>{{ site.data.brand.description }}</p>
+{% if content != "" %}
+	<p>{{ content }}</p>
+{% endif %}
 {% include reviews.html %}
 {% include map.html %}
 {% include openTimes.html %}

data/_layouts/menu.html

@@ -1,43 +1,46 @@
 ---
 layout: default
 ---
+{% if content != "" %}
+	<p>{{ content }}</p>
+{% endif %}
 <div id="menu">
 	{% assign has_vegan = false %}
 	{% assign has_gluten_free = false %}
 
-	{% for menu in site.data.menu.menus %}
-	{% unless forloop.first %}
-	<hr>
-	{% endunless %}
-	<h1>{{ menu.title | upcase }}</h1>
-	<p>{{ menu.time }}</p>
-	<div id="{{ menu.title }}">
-		{% for food in menu.foods %}
-		<div onclick=""> <!-- onclick lets iOS recognise hover events -->
-			<h2>{{ food.name }}
-				<span>${{ food.price }}</span>
-				{% if food.vegan %}
-				{% assign has_vegan = true %}
-				<img src="{{ '/assets/images/menu/diet/vegan.png' | relative_url }}" class="dietIcon" title="Vegan" alt="Vegan">
+	{% for section in page.sections %}
+		{% unless forloop.first %}
+			<hr>
+		{% endunless %}
+		<h1>{{ section.title | upcase }}</h1>
+		<p>{{ section.time }}</p>
+		<div id="{{ menu.title }}">
+			{% for food in section.foods %}
+			<div onclick=""> <!-- onclick lets iOS recognise hover events -->
+				<h2>{{ food.name }}
+					<span>${{ food.price }}</span>
+					{% if food.vegan %}
+					{% assign has_vegan = true %}
+					<img src="{{ '/assets/images/menu/diet/vegan.png' | relative_url }}" class="dietIcon" title="Vegan" alt="Vegan">
+					{% endif %}
+					{% if food.gluten_free %}
+					{% assign has_gluten_free = true %}
+					<img src="{{ '/assets/images/menu/diet/glutenFree.png' | relative_url }}" class="dietIcon" title="Gluten free" alt="Gluten free">
+					{% endif %}
+				</h2>
+				<p>{{ food.description }}</p>
+				{% if food.options.size > 0 %}
+				<ul>
+					{% for option in food.options %}
+					<li>{{ option.name }}<span>${{ option.price }}</span></li>
+					{% endfor %}
+				</ul>
 				{% endif %}
-				{% if food.gluten_free %}
-				{% assign has_gluten_free = true %}
-				<img src="{{ '/assets/images/menu/diet/glutenFree.png' | relative_url }}" class="dietIcon" title="Gluten free" alt="Gluten free">
-				{% endif %}
-			</h2>
-			<p>{{ food.description }}</p>
-			{% if food.options.size > 0 %}
-			<ul>
-				{% for option in food.options %}
-				<li>{{ option.name }}<span>${{ option.price }}</span></li>
-				{% endfor %}
-			</ul>
-			{% endif %}
-			{% assign slugified_food_name = food.name | slugify %}
-			<img src="{{ '/assets/images/menu/' | append: slugified_food_name | append: '.webp' | relative_url }}" alt="{{ food.name }}">
+				{% assign slugified_food_name = food.name | slugify %}
+				<img src="{{ '/assets/images/menu/' | append: slugified_food_name | append: '.webp' | relative_url }}" alt="{{ food.name }}">
+			</div>
+			{% endfor %}
 		</div>
-		{% endfor %}
-	</div>
 	{% endfor %}
 </div>
 {% if has_vegan or has_gluten_free %}

data/assets/css/style.scss

@@ -1,24 +1,24 @@
 ---
 ---
 
-// Color themes
-{% for color_theme in site.data.themes.color_themes %}
-  {% if color_theme.name == site.data.brand.color_theme %}
-    $foreground-color: {{ color_theme.foreground_color }};
-    $background-color: {{ color_theme.background_color }};
-    $transparent-nav-bar-text-color: {{ color_theme.transparent_nav_bar_text_color }};
+// Color profiles
+{% for color_profile in site.data.profiles.color_profiles %}
+  {% if color_profile.name == site.data.brand.color_profile %}
+    $foreground-color: {{ color_profile.foreground_color }};
+    $background-color: {{ color_profile.background_color }};
+    $transparent-nav-bar-text-color: {{ color_profile.transparent_nav_bar_text_color }};
   {% endif %}
 {% endfor %}
 
-// Font themes
-{% for font_theme in site.data.themes.font_themes %}
-  {% if font_theme.name == site.data.brand.font_theme %}
-    {% if font_theme.font_url %}
-      @import url({{ font_theme.font_url }});
+// Font profiles
+{% for font_profile in site.data.profiles.font_profiles %}
+  {% if font_profile.name == site.data.brand.font_profile %}
+    {% if font_profile.font_url %}
+      @import url({{ font_profile.font_url }});
     {% endif %}
 
-    $title-font: {{ font_theme.title_font }};
-    $body-font: {{ font_theme.body_font }};
+    $title-font: {{ font_profile.title_font }};
+    $body-font: {{ font_profile.body_font }};
   {% endif %}
 {% endfor %}
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: cafe-theme
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors:
 - Gavin Douch
@@ -31,6 +31,13 @@ extensions: []
 extra_rdoc_files: []
 files:
 - _config.yml
+- _data/brand.yml
+- _data/contact.yml
+- _data/navigation.yml
+- _data/openingTimes.yml
+- _data/production.yml
+- _data/profiles.yml
+- _data/reviews.yml
 - _includes/banner.html
 - _includes/footer.html
 - _includes/gtag.html
@@ -41,6 +48,7 @@ files:
 - _includes/openTimes.html
 - _includes/reviews.html
 - _includes/socials.html
+- _layouts/404.html
 - _layouts/compress.html
 - _layouts/contact.html
 - _layouts/default.html