Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
47 changes: 2 additions & 45 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,46 +1,3 @@
# 11straps = 11ty + Bootstrap5
# Raul Game Website

[![Netlify Status](https://api.netlify.com/api/v1/badges/64b42b0c-aeba-4583-b023-202fcdf571bb/deploy-status)](https://app.netlify.com/sites/11straps-demo/deploys)

**Live Demo**: <a href="https://11straps.com" target="_blank">11straps.com</a>

## What is 11straps?
11straps is a simple boilerplate. It combines the static site generator <a href="https://www.11ty.dev/" target="_blank">11ty</a> with the CSS framework <a href="https://getbootstrap.com/" target="_blank">Bootstrap 5</a> and is stitched together with some npm and Gulp magic dust. It minifies and purges the CSS file (so it removes any unused CSS) and comes with a static server and browser sync support for your local development.

## Requirements
You need Node (at least v8+) on your computer. To check if you have node and what version run this command in your terminal:
```
node --version
```

## Want to try it out now?
[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/holger1411/11straps)

## Installation
Download and extract the [latest release](https://github.com/holger1411/11straps/releases) or checkout the main branch of this repo.
Fire up your terminal, go to the new folder and run:
```
npm install
```
Now you are good to go.

## Build it for dev
To build your static website for local development run:
```
npm run build-dev
```
This will build the static website into the `/dev` folder without all the minifiying and purging stuff (<- much faster and a more human friendly code output, but a much bigger package)

## Run in dev mode
To run the build-dev task automatically on file changes run:
```
npm run watch
```
That will run a local server from `/dev` folder and connects browser sync to it. On changes within the `/src` folder it will run the `npm run build-dev` command automatically and will refresh your browser.

## Build it for prod
If you are done with your dev work and happy with it its time to deploy your static website into the wild wild west (www). To build your static website for a prod deployment run:
```
npm run build
```
That will output the full site, with purged and minified CSS and minified html. The output will be stored in the `/public` folder.
https://raulgame.com/
6 changes: 3 additions & 3 deletions src/_data/metadata.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"title": "11straps - Demo Website",
"title": "Raul Game",
"author": "Holger Koenemann",
"description": "Combination of static site generator eleventy and CSS framework Bootstrap 5 into one solid boilerplate",
"description": "An ancient game of collaboration, determination and spirit.",
"language": "en"
}
}
2 changes: 1 addition & 1 deletion src/_includes/snippets/footer.njk
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<div class="row border-top py-5">
<div class="col-12">
<p class=""><img src="{{ '/img/hkimg.png' | url }}" alt="Holger Koenemann, UX designer and Frontend Engineer" width="60" height="60" class="float-left mt-1 me-3 gradient-rounded">A tiny sideproject by
<p class=""><img src="{{ '/img/apple-touch-icon.png' | url }}" alt="Holger Koenemann, UX designer and Frontend Engineer" width="60" height="60" class="float-left mt-1 me-3 gradient-rounded">A tiny sideproject by
<a href="https://github.com/holger1411" class="link-fancy">Holger Koenemann</a>. Made in lovely Hannover, Germany</p>
</div>
</div>
Expand Down
6 changes: 3 additions & 3 deletions src/_includes/snippets/navbar.njk
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<nav class="navbar navbar-expand-lg navbar-light pt-0">
<div class="container">
<a class="navbar-brand mb-0 py-4 px-3 pt-5 text-center text-white bg-primary" href="{{ '/' | url }}">11straps</a>
<a class="navbar-brand mb-0 py-4 px-3 pt-5 text-center text-white bg-primary" href="{{ '/' | url }}">Raul Game</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
Expand All @@ -11,11 +11,11 @@
</li>

<li class="nav-item me-1">
<a class="nav-link" href="{{ '/default' | url }}">Sample Page</a>
<a class="nav-link" href="{{ '/default' | url }}">Rules of Battle</a>
</li>

<li class="nav-item me-1">
<a class="nav-link" href="{{ '/blog' | url }}">Sample Blog</a>
<a class="nav-link" href="{{ '/blog' | url }}">Battle Decks</a>
</li>

</ul>
Expand Down
38 changes: 32 additions & 6 deletions src/default.njk
Original file line number Diff line number Diff line change
@@ -1,12 +1,38 @@
---
layout: layouts/default.njk
title: A simple sample page
title: Rules of Battle
---
<hr/><p class="lead">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
<hr/>
<p class="lead">
The aim of the game is to collectively count to 10. Players must achieve this without repetition, muff-dodging, clashing or speaking out of terms.
</p>
<hr/>
<h2>Dolor sitam est?</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
<h2>At vero eos</h2>
<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
<h2>Starting a Game</h2>
<p>Any player starts a new game by calling out "Raul". Whilst a game is in-play a new one cannot be started.</p>

<h2>Rules</h2>
<p>
<ul>
<li>Only one person can say anything at a time after the "Raul" call has been spoken.</li>
<li>Players must be cautious not to speak over another person's call.</li>
<li>Two or more players calling at the same time triggers a Battle!</li>
<li>After any fowl takes place, the counter is reset to 1.</li>
<li>After calling Raul, the sequence of subsequent calls is Number, Animal, Food.</li>
<li>Players identified as not contribute equally can be accused of muff-dodging.</li>
<li>Muff-dodging is decided by a blind vote. All players close their eyes and put thumbs up or down if they think the player was truly muff-dodging. When players open their eyes again the vote is counted and justice is served.</li>
<li>Falsely accusing a player of muff-dodging will result in that player losing a life.</li>
</ul>
</p>

<h2>Example Play Sequence</h2>
<ol>
<li>Someone says "Raul"</li>
<li>Someone says 1</li>
<li>Someone says an animal</li>
<li>Someone says a food</li>
<li>Someone says 2</li>
<li>Someone says an animal</li>
<li>Someone says a food</li>
<li>Someone says 3</li>
<li>...</li>
</ol>
Binary file added src/img/apple-touch-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/img/favicon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
7 changes: 3 additions & 4 deletions src/index.njk
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,10 @@ layout: layouts/blank.njk
<div class="row d-flex justify-content-center">
<div class="col-12 col-lg-8 my-4 text-center">
<h1 class="display-1">
Welcome to the
<strong>11straps</strong>
demo website!
<strong>Raul Game</strong>

</h1>
<p class="lead mb-4">It combines the static website generator Eleventy & the CSS framework Bootstrap 5.</p>
<p class="lead mb-4">An ancient game of collaboration, determination and spirit.</p>
<a class="btn btn-primary px-5 py-3 me-4 position-relative" href="https://gumroad.com/l/WPeVF" target="_blank" rel="noopener" >Download
<span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-warning text-dark">v0.10.0<span class="visually-hidden">latest version</span></span></a>
<a class="link-fancy py-2" href="https://github.com/holger1411/11straps">Check it out on Github
Expand Down