2 Commits c5632df0f1 ... d2d48e3379

Autor SHA1 Nachricht Datum
  Themanwhoisit d2d48e3379 Creating some design vor 6 Jahren
  Themanwhoisit 4d62eda649 Updating README vor 6 Jahren
4 geänderte Dateien mit 80 neuen und 31 gelöschten Zeilen
  1. 10 5
      README.md
  2. 39 8
      css/style.css
  3. BIN
      images/border.png
  4. 31 18
      index.php

+ 10 - 5
README.md

@@ -1,12 +1,12 @@
 # Tree_CMS [WIP]
 A lightweight and simple CMS.
 
-##Actual Screenshot
-<a href="https://screenshotscdn.firefoxusercontent.com/images/5801ff7d-b54d-4654-a253-2c9699900a46.png">
-<img src="https://screenshotscdn.firefoxusercontent.com/images/5801ff7d-b54d-4654-a253-2c9699900a46.png">
+## Actual Screenshot
+<a href="https://notabug.org/Themanwhoisit/Tree_CMS/raw/dev/gitstuff/demo.png">
+<img src="https://notabug.org/Themanwhoisit/Tree_CMS/raw/dev/gitstuff/demo.png">
 </a>
 
-##Developmentinstance
+## Developmentinstance
 >(and future Demoinstance)
 
 The <a href="https://treecms.knusper-land.de"/>Demoinstance</a> represents the actual state of development<br/> and might contain functions which never could released
@@ -15,5 +15,10 @@ The <a href="https://treecms.knusper-land.de"/>Demoinstance</a> represents the a
 >**This CMS is and will developed in my free time<br/>
 so I can't guarantee that it will finished or<br> gain that much updates after release**
 
-##License
+## Contact
+Feel free to contact me:<br/>
+Matrix: @themanwhoisit:avareborn.de<br/>
+Mastodon: <a href="https://social.avareborn.de/@Themanwhoisit">@Themanwhoisit@social.avareborn.de</a>
+
+## License
 This project is licensed under the <a href="https://notabug.org/Themanwhoisit/Tree_CMS/src/dev/LICENSE">GNU/GPL</a>

+ 39 - 8
css/style.css

@@ -19,12 +19,22 @@
  *
  */
 
+* {
+    margin: 0;
+    padding: 0;
+}
+
+#outsite {
+    width: 100%;
+    margin-top: 2.25%;
+}
+
 .site {
-    margin-top: 2%;
-    margin-left: 7%;
-    margin-right: 7%;
+    margin-left: 3.25%;
+    margin-right: 3.25%;
 }
 
+
 .background {
     background: url(../images/background.jpg);
     background-color: rgb(184, 160, 150);
@@ -34,12 +44,10 @@
 }
 
 .header {
-    background-color: rgba(50, 129, 123, 1);
-
+    background: rgba(255,255,255,0);
 }
 
 .logo {
-
 }
 
 .logo img {
@@ -47,14 +55,21 @@
 
 }
 
+.navbar {
+
+    background-color: mediumseagreen;
+}
+
 .navbar ul {
     list-style-type: none;
     overflow: hidden;
-    background-color: MediumSeaGreen;
+    margin: 0px;
+    padding: 0;
 }
 
 .navbar li {
     float: left;
+    alignment: left;
 
 }
 
@@ -75,7 +90,23 @@
 }
 
 .content {
-    background-color: aliceblue;
+    background-color: whitesmoke;
+    display: flex;
+}
 
+.content menu {
+    float: left;
+    padding: 0;
+    margin: 0;
+    text-align: left;
+    background-color: inherit;
+    width: 75%;
 }
 
+.content aside {
+    float: right;
+    padding: 0;
+    width: 25%;
+    background-color: inherit;
+    text-align: center;
+}

BIN
images/border.png


+ 31 - 18
index.php

@@ -29,6 +29,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+    <meta charset="UTF-8">
     <?php
     echo "<title>";
     //TODO: Load title of db
@@ -42,26 +43,38 @@
 </head>
 <body class="background">
 
-<div class="site">
-    <div class="header">
-        <div class="logo">
-            <?php //TODO: Dynamic Host ?>
-            <a href="http://<?php echo $_SERVER['HTTP_HOST']; ?>"><img src="images/header.png" alt="Logo" width=max
-                                                                       height="150"></a>
+
+<div id="outsite">
+
+    <div class="site">
+        <div class="header">
+            <div class="logo">
+                <a href="http://<?php echo $_SERVER['HTTP_HOST']; ?>">
+                    <img src="images/header.png" alt="Logo" width=max height="150"></a></div>
+            <nav class="navbar">
+                <ul>
+                    <li><a href="#1" target="_self">Login</a></li>
+                    <li><a href="#2" target="_self">Register</a></li>
+                    <li><a href="#3" target="_self">Some placeholder</a></li>
+                    <li class="navbar right"><a href="#4" target="_self">Logout</a></li>
+                </ul>
+            </nav>
+        </div>
+        <div class="content">
+            <menu>
+                <p>This is some text</p><br/>
+                <p>it's here for</p><br/>
+                <p>filling this</p><br/>
+                <p>site</p>
+            </menu>
+            <aside>
+                <p>Yeah this is</p><br/>
+                <p>a sidebar </p><br/>
+                <p>or something else</p><br/>
+                <p>i don't really know</p>
+            </aside>
         </div>
-        <nav class="navbar">
-            <ul>
-                <li><a href="#1" target="_self">Login</a></li>
-                <li><a href="#2" target="_self">Register</a></li>
-                <li><a href="#3" target="_self">#3</a></li>
-                <li class="navbar right"><a href="#4" target="_self">Logout</a></li>
-            </ul>
-        </nav>
-    </div>
-    <div class="content">
-        <p>Content</p>
     </div>
-
 </div>
 </body>
 </html>