notebook/index.html at master · Spiffily/notebook · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="author" content="Spiffily Software">
    <meta name="description" content="The Digital Notebook. By students, for students.">
    <title>Notebook</title>
    <!-- https://electronjs.org/docs/tutorial/security#csp-meta-tag -->
    <meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
    <link rel="stylesheet" href="./purecss-good/settings.css">
    <!-- <link rel="stylesheet" href="./index.css"> -->
    <link rel="icon" href="./assets/favicon.png"  type="image/png" >
  </head>
  <body>
    <h1>The Digital Notebook</h1>
    <p style="text-align:center">By students, for students.</p>

    <!-- <iframe src="./toolbar.html" style="height:45px;" scrolling="no" class="sitenav"></iframe> -->
    <div class="toolbar">
      <a href="./">📓 <b>Home</b></a>
      <a href="./news">News</a>
      <a href="./resources">Resources</a>
      <a href="./contribute.html">Contribute</a>
    </div>
    <div class="nobox column container">
      <p>E-learning is full of problems. From WebEx not working to editing that infographic image your teacher gave you to fill out, to just keeping everything organized, you can start to really hate it.</p>
      <p>The Digital Notebook is here to help. A compilation of tech tips, adivce, and debugging by students, for students. Let's do e-learning together!</p>
    </div>
    <div class="row container">
      <img class="preview-img" src="./assets/webex_logo.gif" alt="Webex Logo"/>
      <div class="column">
        <a href="./news/new-webex-system"><h2>Logging on to Webex has Changed!</h2></a>
        <date>November 1, 2020</date>
        <p>As of this next week, we will no longer be logging into our Webex meetings via the teacher's links on Schoology! </p>
      </div>
    </div>
    <div class="row container">
      <p id="emoji">💻👀</p>
      <div class="column">
        <h2>My Eyes!</h2>
        <date>Article coming soon...</date>
        <p>E-learning is charaterized by staring at a screen all day. Bluelight emitted by screens causes damage to your eyes bit by bit, and can cause headaches, dizzyness, and can even make you sleep worse. What makes it even worse is that many of this generation's students have hobbies on the computer. The perfect solution: none. But here's a few tips that can help to lessen the negative effects.</p>
      </div>
    </div>
    <div class="row container">
      <div class="column">
        <h2>WebEx and Audio...</h2>
        <date>Article coming soon...</date>
        <p>One of the most common tech problems people have is with their Microphones or their audio in general with WebEx.</p>
      </div>
  </body>
</html>