WebIDE/codenvy.html at master · WebIDEorg/WebIDE · 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
<!DOCTYPE html>
<html>

<head>
  <title="WebIDE - Codenvy">
    <style>
      body {
        margin: 0;
      }

      ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 25%;
        background-color: #f1f1f1;
        position: fixed;
        height: 100%;
        overflow: auto;
      }

      li a {
        display: block;
        color: #000;
        padding: 8px 16px;
        text-decoration: none;
      }

      li a.active {
        background-color: lightBlue;
        color: white;
      }

      li a:hover:not(.active) {
        background-color: #555;
        color: white;
        .slidecontainer {
          width: 100%;
        }
      }
      h1 {
        color: lightBlue;
      }

      h2 {
        color: Green;
        background: Black;
      }
    </style>
</head>

<body>

  <ul>
    <li>
      <center>
        <img height="100" src="https://raw.githubusercontent.com/josephworks/WebIDE/master/WebIDElogo.png">
      </center>
      <li>
        <a href="/index.html">Home</a>
      </li>
      <li>
        <a href="/plain.html">Plain</a>
      </li>
      <li>
        <a href="/vscode.html">VSCode</a>
      </li>
      <li>
        <a class="active" href="/codenvy.html">Codenvy</a>
      </li>
      <li>
        <a href="/dirigible.html">Dirigible</a>
      </li>
      <li>
        <a href="/about.html">About</a>
      </li>
      <li>
        <a href="/more.html">More</a>
      </li>
  </ul>

  <div style="margin-left:25%;padding:1px 16px;height:660px;">
    <header>
      <center>
        <h1>WebIDE - Codenvy</h1>
      </center>
    </header>
    <div style="border:2px solid #666; border-radius:11px; padding:20px;">
      <iframe width="100%" height="650" src="http://codenvy.io">
    </div>
    <footer>
      <center>
        <h3>Created by JosephWorks 2018</h3>
      </center>
    </footer>
  </div>

</body>

</html>