3 files changed, 170 insertions, 35 deletions

diff --git a/public/css/soft.css b/public/css/soft.css
index 108f44e..ff65635 100644
--- a/public/css/soft.css
+++ b/public/css/soft.css
@@ -7,7 +7,176 @@ div#main {
     display: inline-block;
 }
 
+body {
+    margin: 0;
+    height: 100%;
+    background-color: #b1b1b1;
+}
+
 .menu {
     position: fixed;
     right: 0;
-}
\ No newline at end of file
+}
+
+.editor div#leftbar {
+    position: relative;
+    height: 100%;
+}
+
+.editor .tabs {
+    flex: 2;
+    position: relative;
+    height: 100%;
+}
+
+
+
+.editor #leftbarpanel, .editor #rightbarpanel {
+    width: 250px;
+    display: none;
+    height: 100%;
+    overflow-y: auto;
+}
+
+.editor #showleftpanel:checked ~ #leftbarpanel {
+    display: block;
+    overflow-y: auto;
+    height: 100%;
+}
+
+.editor #showrightpanel:checked ~ #rightbarpanel {
+    display: block;
+}
+
+.editor input.toggle {
+    display: none;
+}
+
+.editor label.toogle:hover {
+    color: white;
+    cursor: pointer;
+    background-color: #e2e2e2;
+}
+
+.editor label.toogle {
+    height: 100%;
+    line-height: 100%;
+    text-align: center;
+}
+
+.editor #leftbar label.toogle {
+    float: right;
+}
+
+.editor #rightbar label.toogle {
+    float: left;
+}
+
+
+#rightbarpanel {
+    display: none;
+    width: 250px;
+}
+#rightbar:target #rightbarpanel {
+    display: inline-block;
+    overflow-y: scroll;
+    height: 100%;
+}
+#rightbar:target #open {
+    display: none;
+}
+
+
+
+
+
+
+.editor #workspace {
+    display: flex;
+    height: calc(100% - 30px);
+    position: relative;
+}
+
+
+.tabs .tab
+{
+    float: left;
+}
+
+.tabs .tab .content
+{
+	position: absolute;
+	background-color: #dc8ad2;
+	left: 0px;
+	width: 100%;
+	height: calc(100% - 30px);
+}
+
+.checkboxtab
+{
+	display: none;
+}
+
+.tab label
+{
+	margin-right: 10px;
+	border: outset;
+	background-color: var(--color1);
+}
+
+.checkboxtab:checked ~ label
+{
+	border: inset;
+}
+
+.checkboxtab:checked ~ .content
+{
+	z-index: 1;
+}
+
+
+
+section.editor {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+}
+
+
+html {
+    height: 100%;
+}
+
+.tabs textarea {height: 100%;width: 100%;border: none;resize: none;}
+
+* {
+    box-sizing: border-box;
+}
+
+.editor .tabs label {
+    line-height: 30px;
+}
+
+.editor #topbar {
+    line-height: 30px;
+}
+
+.editor ul {
+    list-style: none;
+    padding: 0;
+}
+
+.editor #leftbar select {
+    width: 100%;
+}
+
+.editor .panel input {
+    width: 100%;
+}
+
+
+.editor a {color: black;text-decoration: none;}
+
+.editor a:hover {
+    color: white;
+}
diff --git a/public/test.php b/public/test.php
index 7e24cd6..50ff4b1 100644
--- a/public/test.php
+++ b/public/test.php
@@ -18,33 +18,9 @@ $art = new Art2(['id' => 'rr']);
 $art->reset();
 $art->hydrate((['description' => 'fdsfs', 'secure' => 0, 'render' => $render2]));
 
-var_dump($art);
 
-$artencoded = json_encode($art);
 
-var_dump($artencoded);
 
-class Person
-{
-    public $id;
-    public $name;
-    public $table = ['coucou', 'lol', 'chouette'];
-    public $date;
-
-    public function __construct(array $data) 
-    {
-        $this->id = $data['id'];
-        $this->name = $data['name'];
-        $this->date = new DateTimeImmutable();
-    }
-}
-
-$person = new Person(array('id' => 1, 'name' => 'Amir'));
-$jsonperson =  json_encode($person);
-
-var_dump($jsonperson);
-
-var_dump(json_decode($jsonperson));
 
 
 
diff --git a/public/test3.php b/public/test3.php
index 327e2dd..571732b 100644
--- a/public/test3.php
+++ b/public/test3.php
@@ -1,15 +1,5 @@
 <?php
 
-$path = '../w/class/';
-$lengh = strlen($path);
-$array = [];
-foreach (glob($path . '*.php') as $filename) {
-	$array[] = substr(substr($filename, $lengh), 0, -4);
-}
-
-var_dump($array);
-
-