moddgodd.github.io/homepage.html at Active-Repository · ModdGodd/moddgodd.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
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html lang="en">
  <head>
    <style>
      @import "https://moddgodd.github.io/file/default-font-css/Corbert.css";
    </style>
    <meta charset="UTF-8" />
    <title>ModdGodd's Website</title>
  </head>
  <body>
    <link rel="stylesheet" href="../css/homepage.css" />
    <style>
      @import url("https://fonts.googleapis.com/css2?family=Smooch+Sans&display=swap");
    </style>
    <style type="text/css"></style>
    <div id="flex-container" style="">
      <nav class="navbar">
        <div id="navbar-left-title" class="left">ModdGodd's Website</div>
        <div class="navbar-options center">
          <div class="navbar-item">
            <a class="navbar-item active" href="/home">Home</a>
          </div>
          <div class="navbar-item"><a href="/news">News</a></div>
          <div class="navbar-item"><a href="/contact">Contact</a></div>
          <div class="navbar-item"><a href="/about">About</a></div>
        </div>
        <div id="navbar-right-title"></div>
      </nav>
      <div class="styled-scrollbars" style="">
        <div id="content">
          <h1><strong>Welcome to my Website!</strong></h1>
          <p>
            making stuff here took a long time, and there IS a lot more coming
            still. Its all handwritten so I had particularly more trouble
            creating divs inside of bodies and stuff like that.
          </p>
          <h3>Features</h3>
          <ul>
            <li>
              no plugins, this every bit of this site is using my own css so its
              not like I just <span class="CorbertBold">bootstrapped</span> it
              <p></p>
            </li>
            <li>
              Only guaranteed to work in chrome for now, thats all i tested so
              im truly sorry if not chrome.
            </li>
          </ul>
          <h3>To-do!</h3>
          <ul>
            <li>
              use a layout I thought about using grids or flexbox instead of
              eyeballing with like
              <code
                style="
                  background-color: black;
                  border-radius: 3px;
                  color: pink;
                  padding-left: 4px;
                  padding-right: 4px;
                "
                >52px</code
              >
              as the margin of the content divs. they actually like tables then.
              woulr work but ill do reserach.
            </li>
            <li>
              add new stuff in the templates/defaults of each tag for this site.
            </li>
            <li>start using some bootstrap for things like cards.</li>
          </ul>
        </div>
      </div>
    </div>
  </body>
</html>