gamifylanguagelearning/index.html at master · evisat/gamifylanguagelearning · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">
<head>
<title>Gamify Language Learning</title>
<meta name="description" content="Tachyons Component">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/tachyons.min.css">
<style>
  .blue { color: #0074D9; }
  .bg-gold { background-color: #f5f5e5; }

  .carbon-poweredby { width: 100%; font-size: 12px; float: left; }
  .carbon-wrap { float: left; width: 100%; box-sizing: border-box; }
  .carbon-img  { float: left; width: 50%;  box-sizing: border-box; }
  .carbon-text  { float: left; width: 50%; padding-left: 16px; box-sizing: border-box; font-size: 12px; }

  #carbonads a:link { text-decoration: none!important; color: #222!important; }

  #menuCanvas  { min-height: 500px; }

</style>
</head>
<body class="w-100 sans-serif bg-white">
<main>
  <div data-name="component">
  <article>
  <header class="bg-gold sans-serif">
    <div class="mw9 center pa4 pt5-ns ph7-l">

      <img width="100%" src="assets/homescreen.svg">

      <h3 class="f6 ttu tracked black-80">Gamify Language Learning</h3>

      <a href="./intro1.html" style="background:lightgreen" class="ba black-70 no-underline grow br2 b inline-flex items-center mr3 mb3 pv2 ph3">
        Play Game
      </a>
      <a href="./menu.html" class="ba black-70 no-underline grow br2 b inline-flex items-center mr3 mb3 pv2 ph3">
        Skip Intro
      </a>
    </div>
  </header>
  <div class="pa4 ph7-l georgia mw9-l center">
    <div class="f5 f3-ns lh-copy measure georgia">
      <p>
        Have a question? Need help? Feel free to open an issue on GitHub or ask a
        question on social media.
        <b>We’re here to make language learning in
        the browser fun!</b>
      </p>
      <p>
        Based on
        <a href="http://paperjs.org/">Paper.js</a> (The Swiss Army Knife of Vector Graphics Scripting)
        and <a href="http://tachyons.io/">Tachyons</a>
          (/ˈtæki.ɒn/, from the Greek ταχύς or tachys, meaning “swift, quick, fast, rapid”)
      </p>
    </div>
  </div>
</article>

  </div>
  <footer class="bg-white black-70 ph3 ph5-ns pv5 pv6-ns bt b--black-10">
  <div class="mw9 center">
  <div class="mb5 lh-copy">
    <a class="black-70 link hover-blue b dib mr3 mb3" href="https://db.schoolofdata.ch/project/54">
      Project page
    </a>
    <a class="black-70 link hover-blue b dib mr3 mb3" href="https://md.schoolofdata.ch/1nShVxtWR12-K9jjT0cloA">
      Resources
    </a>
    <a class="black-70 link hover-blue b dib mr3 mb3" href="https://github.com/evisat/gamifylanguagelearning">
      Source code
    </a>
    <!--
    <a class="black-70 link hover-blue b dib mr3 mb3" href="http://wemakeit.com">
      Support us
    </a>
    -->
  </div>
  <article class="v-top">
    <iframe src="https://ghbtns.com/github-btn.html?user=evisat&repo=gamifylanguagelearning&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
    <a href="https://twitter.com/intent/tweet?text=Let's gamify language learning at swihack!&url=https://db.schoolofdata.ch/project/54" class="twitter bg-white-50 link dib dim br2 ph2 pb1 lh-solid v-top" style="background-color: #55acee;">
    <svg class="geomicon dib v-mid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="16" height="16" fill="#fff">
      <path d="M2 4 C6 8 10 12 15 11 A6 6 0 0 1 22 4 A6 6 0 0 1 26 6 A8 8 0 0 0 31 4 A8 8 0 0 1 28 8 A8 8 0 0 0 32 7 A8 8 0 0 1 28 11 A18 18 0 0 1 10 30 A18 18 0 0 1 0 27 A12 12 0 0 0 8 24 A8 8 0 0 1 3 20 A8 8 0 0 0 6 19.5 A8 8 0 0 1 0 12 A8 8 0 0 0 3 13 A8 8 0 0 1 2 4"/>
    </svg>
    <span class="dib v-mid white fw6" style="font-size: 12px;">Tweet</span>
  </a>
  </article>
  <div class="mt4">
    <!--<a class="ba black-70 no-underline grow br2 b inline-flex items-center mr3 mb3 pv2 ph3" href="https://twitter.com/tachyons_css" title="Follow us on Twitter">
      <div class="w2 pv1 pr2">
<svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M16 3.038c-.59.26-1.22.437-1.885.517.677-.407 1.198-1.05 1.443-1.816-.634.375-1.337.648-2.085.795-.598-.638-1.45-1.036-2.396-1.036-1.812 0-3.282 1.468-3.282 3.28 0 .258.03.51.085.75C5.152 5.39 2.733 4.084 1.114 2.1.83 2.583.67 3.147.67 3.75c0 1.14.58 2.143 1.46 2.732-.538-.017-1.045-.165-1.487-.41v.04c0 1.59 1.13 2.918 2.633 3.22-.276.074-.566.114-.865.114-.21 0-.416-.02-.617-.058.418 1.304 1.63 2.253 3.067 2.28-1.124.88-2.54 1.404-4.077 1.404-.265 0-.526-.015-.783-.045 1.453.93 3.178 1.474 5.032 1.474 6.038 0 9.34-5 9.34-9.338 0-.143-.004-.284-.01-.425.64-.463 1.198-1.04 1.638-1.7z" fill-rule="nonzero"/></svg>
</div>
      <span>Follow @tachyons_css</span>
    </a>
    <a class="ba black-70 no-underline grow br2 b inline-flex items-center mr3 mb3 pv2 ph3" href="https://gitter.im/loleg">
      <div class="dib w2 pv1 pr2">
      <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><g fill-rule="nonzero"><path d="M6.586 7.33l.69 2.057 2.137-.716-.69-2.056-2.137.716z"/><path d="M12.55 9.37l-1.037.347.36 1.073c.145.434-.09.904-.524 1.05-.096.03-.19.045-.287.042-.338-.01-.65-.226-.765-.566l-.36-1.072-2.138.716.36 1.072c.145.435-.09.905-.523 1.05-.096.032-.192.045-.286.043-.34-.01-.65-.226-.764-.566l-.36-1.075-1.037.348c-.096.03-.19.045-.286.042-.34-.008-.65-.226-.765-.565-.146-.434.09-.904.522-1.05L5.7 9.914l-.69-2.058-1.037.347c-.094.032-.19.045-.285.043-.338-.01-.65-.226-.765-.566-.145-.434.09-.904.523-1.05l1.037-.347-.36-1.073c-.145-.434.09-.904.524-1.05.435-.145.905.09 1.05.524l.36 1.072 2.137-.716-.36-1.072c-.144-.435.09-.905.524-1.05.435-.145.906.09 1.05.523l.36 1.075 1.037-.347c.434-.146.904.088 1.05.522.145.434-.09.904-.523 1.05l-1.037.347.69 2.057 1.036-.347c.435-.145.905.09 1.05.523.146.434-.09.904-.522 1.05zm2.78-3.57C13.68.304 11.298-.98 5.8.67.304 2.32-.98 4.7.67 10.2c1.65 5.497 4.03 6.78 9.53 5.13 5.497-1.65 6.78-4.03 5.13-9.53z"/></g></svg>
    </div>
        <span>
          Need Help? Join our Chat Channel
        </span>
    </a>-->
    <a class="ba br2 black-70 no-underline grow b inline-flex items-center mb3 pv2 ph3" href="https://github.com/evisat/gamifylanguagelearning/issues">
      <div class="w2 pv1 pr2">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414"><path d="M8 0C3.58 0 0 3.582 0 8c0 3.535 2.292 6.533 5.47 7.59.4.075.547-.172.547-.385 0-.19-.007-.693-.01-1.36-2.226.483-2.695-1.073-2.695-1.073-.364-.924-.89-1.17-.89-1.17-.725-.496.056-.486.056-.486.803.056 1.225.824 1.225.824.714 1.223 1.873.87 2.33.665.072-.517.278-.87.507-1.07-1.777-.2-3.644-.888-3.644-3.953 0-.873.31-1.587.823-2.147-.083-.202-.358-1.015.077-2.117 0 0 .672-.215 2.2.82.638-.178 1.323-.266 2.003-.27.68.004 1.364.092 2.003.27 1.527-1.035 2.198-.82 2.198-.82.437 1.102.163 1.915.08 2.117.513.56.823 1.274.823 2.147 0 3.073-1.87 3.75-3.653 3.947.287.246.543.735.543 1.48 0 1.07-.01 1.933-.01 2.195 0 .215.144.463.55.385C13.71 14.53 16 11.534 16 8c0-4.418-3.582-8-8-8"/></svg>
</div>
      <span>Open an Issue on GitHub</span>
    </a>
  </div>

</div>
</footer>


<script src="./node_modules/paper/dist/paper-full.min.js"></script>
<script type="text/paperscript" src="js/menu.js" canvas="menuCanvas"></script>

</body>
</html>