obliqueStrategies/index.html at master · JamaicaF/obliqueStrategies · 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Oblique Strategies</title>
    <script src="./lib/bundle.js"></script>
    <link rel="stylesheet" type="text/css" href="./style.css">

    <link rel="icon" type="image/ico" href="./assets/squares.png">

    <link href="https://fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:700" rel="stylesheet">

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">

    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <main class="page-content">
      <h1 class="page-title">OBLIQUE STRATEGIES</h1>
      <h2 class="page-text">Click the card to draw a strategy</h2>

      <section id="strategy-card" class="card"></section>
      </br>

      <section class="app-info">
        <ul class="links">
          <span id="open-button"><i class="fas fa-question-circle"></i></span>
          <a href="https://github.com/JamaicaF/obliqueStrategies">
            <i class="fab fa-github"></i></a>
          <a href="https://www.linkedin.com/in/jamaicafredericks/">
            <i class="fab fa-linkedin"></i></a>
        </ul>

        <a class="attribute" href="http://www.jamaicafredericks.com/">
          Built by Jamaica Fredericks, 2018</a>
      </section>

      <section id="modal-background">
        <section id="modal" class="card">
          <div class="close-button-flex">
            <span id="close-button">&times;</span></div>

          <h1 class="card-title">OBLIQUE STRATEGIES</h1>
          <h2>Over one hundred worthwhile dilemmas</h2>
          </br>
          <h2>BRIAN ENO and PETER SCHMIDT</h2>
          </br>

            <p>'Draw a single card from the shuffled pack when a dilemma occurs in a working situation. In this case the card is trusted even if its appropriateness is quite unclear.'</p>
        </section>
      </section>
    </main>
  </body>
</html>