game-of-life-theme 0.5.0 → 1.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: ce58a02b867a0979bfe0d5faaafa32948759e997
-  data.tar.gz: 581cb792a917cee3a2cb54bef6c32f59aa6382f5
+SHA256:
+  metadata.gz: 0ae1e523b44afa7ff218011297979ed7061493b156b8f43b6e8d74f82d135d85
+  data.tar.gz: 926ce127c15c437795faca8c1da2ccfb282d22ac3334d9db9fa2e1c36bbb6023
 SHA512:
-  metadata.gz: 710a9bc1f1b70b8e24053820029970b6a500c13a569b4937f2d2a1ee4396b4fa02b4f1c7b699c06b0b9f9ac0292b9c3d48b281c24ee845a0eb3819acb307d0f3
-  data.tar.gz: faea66c9f27a1e993a8499cabd69cdccbb8afd33b973acfc86ceeaa754d5da15280ee25bfaf4ca8a1ccdcfbb4d65576a382ebd5a1c5bab038a78e788f20796ba
+  metadata.gz: 509a3f97f6f555021a8a166b1c2a8793e46af25712f77604cae9e8c368d0dc955cb2cda17b6ff52b896fe2840399734523473f5ab3d750ac9d7d4a3fdcd7404d
+  data.tar.gz: bdb90ee7d61091a09f209d351a57b9de551366c7e12f7ce7878c12308843c9ab7edae3caff253f78f6bc5284dd69be4d05558e8d7b58689152cb2cb64fa12380

data/README.md

@@ -13,16 +13,20 @@ board.fill(starting_column, ending_column, starting_row, ending_row);
 
 ### Functionality
 
-This theme is breaking the rule and visitor can interact with the Game after
-it has started. However, nice people are still able to observe how initial
+This theme is breaking the rule
+and visitor can interact with the Game after it has started.
+
+However, nice people are still able to observe how initial
 game evolves.
 
-- if your eyes are a bit tired and you'd prefer to quietly read a page, type `q`
+- press `e` to start and/or restart the Game
+- if your eyes are a bit tired and you'd prefer to quietly read a page you can
+ - type `q` to remove cells from the screen
+ - type `p` to pause the Game (use `s` to resume the Game)
 - type `i` to start the Insert Mode where you can create new cells
   - with a click of a mouse new cells will be randomily created around
   - if you are feeling happy, drag mouse to create some more
 - press `ESC` to --- escape the Insert Mode
-- press `e` to restart the Game
 - use `j` and `k` to control the speed
 - to change the cells' color press any additional key
 

data/_includes/header.html

@@ -0,0 +1,17 @@
+<nav class="header-nav">
+  <div>
+    {% if site.github %}
+    <a href="https://github.com/{{ site.github }}">github</a>
+    {% endif  %}
+    {% if site.twitter %}
+      <a href="https://twitter.com/{{ site.twitter }}">twitter</a>
+    {% endif  %}
+    {% if site.email %}
+      <a href="mailto:{{ site.email }}">email me</a>
+    {% endif  %}
+  </div>
+  <div>
+    <a href="{{ "/" |  relative_url }}">home</a>
+    <a href="{{ "/about" | relative_url }}">about</a>
+  </div>
+</nav>

data/_layouts/about.html

@@ -0,0 +1,13 @@
+---
+layout: default
+---
+
+<div class="card card-background">
+  {% include header.html %}
+  {% if page.title %}
+  <h1 class="page-heading">{{ page.title }}</h1>
+  {% endif %}
+
+  {{ content }}
+
+</div>

data/_layouts/home.html

@@ -2,7 +2,8 @@
 layout: default
 ---
 
-<div class="card yellow-background">
+<div class="card card-background">
+  {% include header.html %}
   {% if page.title %}
   <h1 class="page-heading">{{ page.title }}</h1>
   {% endif %}
@@ -10,22 +11,22 @@ layout: default
   {{ content }}
 
   {% if site.posts.size > 0 %}
-  <h3>{{ page.list_title | default: "Posts:" }}</h2>
+  <h3>{{ page.list_title | default: "posts:" }}</h2>
   <ul>
     {% for post in site.posts %}
     <li>
-    <h3>
-      <a class="post-link" href="{{ post.url | relative_url }}">
+      <a href="{{ post.url | relative_url }}" class="index-list">
         {{ post.title | escape }}
       </a>
-    </h3>
-    <p>
+    {% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
     {% if site.show_excerpts %}
-    {{ post.excerpt }}
+      <table>
+        <tr>
+          <td class="alnleft">{{ post.excerpt }}</td>
+          <td class="alnright">[{{ post.date | date: date_format }}]</td>
+        </tr>
+      </table>
     {% endif %}
-    </p>
-    {% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
-    <span class="post-meta">{{ post.date | date: date_format }}</span>
     </li>
     {% endfor %}
   </ul>

data/_layouts/post.html

@@ -2,8 +2,9 @@
 layout: default
 ---
 
-<div class="card yellow-background">
+<div class="card card-background">
   <div class="post-title {% if page.feature %} feature {% endif %}">
+    {% include header.html %}
     <h1>{{ page.title }}</h1>
     <h4>{{ page.date | date_to_string }}</h4>
   </div>

data/assets/css/card.css

@@ -1,27 +1,30 @@
-.yellow-background {
-  background-color: #fff5e6;
+---
+---
+
+.card-background {
+  background-color: {{ "#" | append: site.background }}
 }
 
 .card {
-  font-family: Lato, sans-serif;
-  font-size: 15px;
+  font-family: {{ site.font }}
+  font-size: 16px;
+  font-weight: 400;
   padding: 2em;
+  line-height: 1.5;
   border-radius: 2px;
-  min-width: 600px;
+  width: 80%;
 }
 
 .card:hover {
   position: relative;
-  top: -5px;
-  left: -5px;
-  box-shadow: 5px 5px 5px #969696;
+  box-shadow: 2px 2px 2px #969696;
 }
 
 .content {
   max-width: 750px;
   margin: 0 auto;
-  position:relative;
-  padding: 100px 100px;
+  position: relative;
+  padding: 50px 50px;
   justify-content: center;
   display: flex;
 }
@@ -29,10 +32,10 @@
 /**
  * Figures
  */
-  figure > img {
-    display: block;
-  }
+figure > img {
+  display: block;
+}
 
-  figcaption {
-    font-size: $small-font-size;
-  }
+figcaption {
+  font-size: $small-font-size;
+}

data/assets/css/header.css

@@ -0,0 +1,3 @@
+.header-nav {
+  text-align: right;
+}

data/assets/game_of_life.js

@@ -1,14 +1,14 @@
 var w, columns, rows;
-var insert_mode, clear_mode, easter_egg;
-var counter, frequence;
+var insert_mode, clear_mode, easter_egg, pause_mode;
+var counter, frequence, touch_count;
 let board, next;
 
 function setup() {
   createCanvas(windowWidth, windowHeight);
   w = 8;
   easter_egg = 0;
-  counter = 0; frequence = 50;
-  insert_mode = 0; clear_mode = 0;
+  counter = 0; frequence = 50; touch_count = 0;
+  insert_mode = 0; clear_mode = 0; pause_mode = 0;
   columns = floor(width/w);
   rows = floor(height/w);
 
@@ -43,9 +43,11 @@ function draw_board(){
 }
 
 function generate(){
-  var temp = board;
-  board = Board.generate_next(board);
-  next = temp;
+  if (pause_mode != 1) {
+    var temp = board;
+    board = Board.generate_next(board);
+    next = temp;
+  }
 }
 
 function windowResized() {
@@ -94,6 +96,12 @@ function keyTyped(){
     insert_mode = 0;
     frequence += 5;
   }
+  else if (key === 's') {
+    pause_mode = 0;
+  }
+  else if (key === 'p') {
+    pause_mode = 1;
+  }
   else if (key === 'i'){
     if (clear_mode == 1) insert_mode = 0;
     else {
@@ -105,6 +113,30 @@ function keyTyped(){
   return false;
 }
 
+function keyPressed(){
+    if (keyCode === ESCAPE) insert_mode = 0;
+}
+
+function touchStarted() {
+  touch_count += 1;
+  if (touch_count % 2 === 0){
+    pause_mode = 1;
+  }
+  else {
+    pause_mode = 0;
+    frequence = 50;
+    easter_egg = 1;
+    randomize_colors();
+    board.empty();
+    board.fill(0, columns, rows - 30, rows);
+  }
+  return false;
+}
+
+function touchMoved() {
+  return false;
+}
+
 function randomize_colors(){
   clear_mode = 0;
   r = random(255);

data/assets/main.css

@@ -1,5 +1,6 @@
 @import url("css/code.css");
 @import url("css/card.css");
+@import url("css/header.css");
 
 html, body {
   box-sizing: border-box;
@@ -19,6 +20,26 @@ h1, h2, h4 {
   padding: 20px;
 }
 
+p {
+  padding: 10px;
+}
+
+.index-list{
+  font-size: 25px;
+}
+
+.alnleft {
+  text-align: left;
+}
+
+.alnright {
+  text-align: right;
+}
+
+table {
+  width: 100%;
+}
+
 body {
   vertical-align: middle;
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: game-of-life-theme
 version: !ruby/object:Gem::Version
-  version: 0.5.0
+  version: 1.0.0
 platform: ruby
 authors:
 - Milana
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-03-31 00:00:00.000000000 Z
+date: 2018-06-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -62,6 +62,8 @@ files:
 - LICENSE.txt
 - README.md
 - _includes/head.html
+- _includes/header.html
+- _layouts/about.html
 - _layouts/default.html
 - _layouts/home.html
 - _layouts/page.html
@@ -69,6 +71,7 @@ files:
 - assets/board.js
 - assets/css/card.css
 - assets/css/code.css
+- assets/css/header.css
 - assets/game_of_life.js
 - assets/img/2018-03-18-01-haskii.png
 - assets/main.css
@@ -92,7 +95,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.5.1
+rubygems_version: 2.7.6
 signing_key: 
 specification_version: 4
 summary: Jekyll and p5.js theme on famous Game of life