Почетна Преглед Помоћ
Пријавите се
Themanwhoisit
/
Tree_CMS
Прати 3
Волим 1
Креирај огранак 0

2 Комити c5632df0f1 ... d2d48e3379

Аутор SHA1 Порука Датум
  Themanwhoisit d2d48e3379 Creating some design пре 6 година
  Themanwhoisit 4d62eda649 Updating README пре 6 година
4 измењених фајлова са 80 додато и 31 уклоњено
Један поглед Покажи статистику Diff
  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]
 
 # Tree_CMS [WIP]
 
 A lightweight and simple CMS.
 
 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>
 
 </a>
 
 
 
-##Developmentinstance
 
+## Developmentinstance
 
 >(and future Demoinstance)
 
 >(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
 
 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/>
 
 >**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**
 
 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>
 
 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 {
 
 .site {
 
-    margin-top: 2%;
 
-    margin-left: 7%;
 
-    margin-right: 7%;
 
+    margin-left: 3.25%;
 
+    margin-right: 3.25%;
 
 }
 
 }
 
 
 
+
 
 .background {
 
 .background {
 
     background: url(../images/background.jpg);
 
     background: url(../images/background.jpg);
 
     background-color: rgb(184, 160, 150);
 
     background-color: rgb(184, 160, 150);
 
@@ -34,12 +44,10 @@
 
 }
 
 }
 
 
 
 .header {
 
 .header {
 
-    background-color: rgba(50, 129, 123, 1);
 
-
 
+    background: rgba(255,255,255,0);
 
 }
 
 }
 
 
 
 .logo {
 
 .logo {
 
-
 
 }
 
 }
 
 
 
 .logo img {
 
 .logo img {
 
@@ -47,14 +55,21 @@
 
 
 
 }
 
 }
 
 
 
+.navbar {
 
+
 
+    background-color: mediumseagreen;
 
+}
 
+
 
 .navbar ul {
 
 .navbar ul {
 
     list-style-type: none;
 
     list-style-type: none;
 
     overflow: hidden;
 
     overflow: hidden;
 
-    background-color: MediumSeaGreen;
 
+    margin: 0px;
 
+    padding: 0;
 
 }
 
 }
 
 
 
 .navbar li {
 
 .navbar li {
 
     float: left;
 
     float: left;
 
+    alignment: left;
 
 
 
 }
 
 }
 
 
 
@@ -75,7 +90,23 @@
 
 }
 
 }
 
 
 
 .content {
 
 .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>
 
 <!DOCTYPE html>
 
 <html>
 
 <html>
 
 <head>
 
 <head>
 
+    <meta charset="UTF-8">
 
     <?php
 
     <?php
 
     echo "<title>";
 
     echo "<title>";
 
     //TODO: Load title of db
 
     //TODO: Load title of db
 
@@ -42,26 +43,38 @@
 
 </head>
 
 </head>
 
 <body class="background">
 
 <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>
 
         </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>
 
-
 
 </div>
 
 </div>
 
 </body>
 
 </body>
 
 </html>
 
 </html>