cagecellag.github.io/index.html at main · Cagecellag/cagecellag.github.io · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>CageCell.io</title>
  <link rel="stylesheet" href="/0scr/Styling/style.css">
  <link rel="stylesheet" href="/main.css">
  <link rel="stylesheet" href="/0scr/Styling/header.css">
  <link rel="stylesheet" href="/0scr/Styling/loading-unloading.css">
  <script src="/0scr/Scripting/script.js" defer></script>
</head>
<body>
  <div id="overlay" class="overlay"></div>
  <div id="overlay2" class="active"></div>

  <!-- Loading screen -->
  <div id="loading-screen">
    <div id="mask"></div>
  </div>

<!-- Header -->
  <div id="header">
    <button id="open-btn" class="open-sidebar">☰</button>
    <div class="text-container">
      <p>Moin, this is all work in progress</p>
    </div>
    <div id="my-github-logo" class="github-logo">
      <a href="https://github.com/Cagecellag/cagecellag.github.io" target="_blank" rel="noopener noreferrer" title="GitHub repo of this website">
        <svg height="32" aria-hidden="true" viewBox="0 0 24 24" version="1.1" width="32" data-view-component="true" class="octicon octicon-mark-github v-align-middle">
          <path d="M12 1C5.923 1 1 5.923 1 12c0 4.867 3.149 8.979 7.521 10.436.55.096.756-.233.756-.522 0-.262-.013-1.128-.013-2.049-2.764.509-3.479-.674-3.699-1.292-.124-.317-.66-1.293-1.127-1.554-.385-.207-.936-.715-.014-.729.866-.014 1.485.797 1.691 1.128.99 1.663 2.571 1.196 3.204.907.096-.715.385-1.196.701-1.471-2.448-.275-5.005-1.224-5.005-5.432 0-1.196.426-2.186 1.128-2.956-.111-.275-.496-1.402.11-2.915 0 0 .921-.288 3.024 1.128a10.193 10.193 0 0 1 2.75-.371c.936 0 1.871.123 2.75.371 2.104-1.43 3.025-1.128 3.025-1.128.605 1.513.221 2.64.111 2.915.701.77 1.127 1.747 1.127 2.956 0 4.222-2.571 5.157-5.019 5.432.399.344.743 1.004.743 2.035 0 1.471-.014 2.654-.014 3.025 0 .289.206.632.756.522C19.851 20.979 23 16.854 23 12c0-6.077-4.922-11-11-11Z"></path>
        </svg>
      </a>
    </div>
  </div>
<!-- Sidebar -->
  <div id="sidebar" class="hidden">
    <button id="close-btn" class="close-sidebar">✖</button>
    <h2>Menu</h2>
    <p>Here, more stuff to look at</p>
    <ul>
      <li><a href="/" onclick="transitionPage(event)">Home page</a></li>
      <li><a href="/main-page" onclick="transitionPage(event)">Main page</a></li>
      <li><a href="/content" onclick="transitionPage(event)">Content</a></li>
      <li><a href="/sideloading-docs" onclick="transitionPage(event)">My Sideloading Docs</a></li>
    </ul>
  </div>

  <!-- Main content -->
  <div id="main-content">
    <h1>Choose your destination</h1>

    <div id="main-content-links">
      <ul>
        <li><a href="/main-page" onclick="transitionPage(event)">Main page</a></li>
        <li><a href="/content" onclick="transitionPage(event)">Content</a></li>
        <li><a href="/sideloading-docs" onclick="transitionPage(event)">My Sideloading Docs</a></li>
      </ul>
    </div>

  <div>

  <div class="train-container">
    <img id="train-giruno" src="/0scr/Media/Giruno RAbe501 vs2-transparent.png" class="train" alt="Train" />
    <img id="train-tgv" src="/0scr/Media/TGV train vs2-transparent.png" class="train" alt="Train" />
  </div>

</body>
</html>