From dfde77bf5c9f910912ede356ebea731b6525b27c Mon Sep 17 00:00:00 2001 From: Kevin Dungs Date: Wed, 6 Aug 2014 10:54:18 +0200 Subject: [PATCH] Add a very simple mobile version of the game. At this stage this is for testing purposes only. For a next release I will work on putting all the controllers in templates and have only one page for everything. --- css/mobile.css | 11 +++ mobile.html | 191 +++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 202 insertions(+) create mode 100644 css/mobile.css create mode 100644 mobile.html diff --git a/css/mobile.css b/css/mobile.css new file mode 100644 index 0000000..1ea97e4 --- /dev/null +++ b/css/mobile.css @@ -0,0 +1,11 @@ +.tab-title { + display: none; +} + +.active .tab-title { + display: block; +} + +.scrollable { + margin-top: -25px; +} diff --git a/mobile.html b/mobile.html new file mode 100644 index 0000000..c74176d --- /dev/null +++ b/mobile.html @@ -0,0 +1,191 @@ + + + + Particle Clicker + + + + + + + + + + + + + + + + + + +
+
+ +
    +
    • +
    • +
    • +
    • +
    • +
    • +
+ +
+ +
+
    +
  • + + +
    +

    {{ r.level > 0 ? r.name : '?????' }} Level {{ r.level }}

    +

    {{ r.description }} Researching it will give you {{ r.reputation | niceNumber }} reputation.

    +
    + + +
    +
    +
    • +
+
+ +
+
    +
  • +
    +

    {{ w.name }} {{ w.hired | niceNumber }}

    +

    {{ w.description }} They produce {{ w.rate | niceNumber }} data per second.

    + +
    +
    • +
+
+ +
+
    +
  • +
    +

    {{ u.name }}

    +

    {{ u.description }}

    + +
    +
    • +
+
+ +
+
    +
  • + + {{ a.description }} + {{ a.time }} +
    • +
+
+ +
+

Last saved: {{ lastSaved | date : 'H:mm:ss' }}

+

+

+
+ +
+

Particle Clicker

+

Particle Clicker is a game that was made during the CERN Webfest 2014. The idea is borrowed from Cookie Clicker, an amazing and addictive cookie-themed game.

+ +
Libraries
+

This game is realised using a few libraries. Those are

+ +
Authors
+

Feel free to get in touch with us via GitHub or by shooting us an email. Our addresses all follow the pattern name.surname@cern.ch.

+ +
+
+
+ +
+ +

{{ lc.lab.name }}

+
+ +
+ + Your detector. Click on it to generate events. + + + Your detector. Click on it to generate events. + +
+
+
+ Data +
+ {{ lc.lab.data | niceNumber }} +
+
+
+ Reputation +
+ {{ lc.lab.reputation | niceNumber }} +
+
+
+ Funding +
+ {{ lc.lab.money | currency }} +
+
+
+
+ + + +
+
+ + + + + + + + + + + + + + + + + +