From 4517178a7e18c074a74236ceea74d1af97719686 Mon Sep 17 00:00:00 2001
From: JozanLeClerc <bousset.rudy@gmail.com>
Date: Mon, 22 Jun 2020 19:45:13 +0200
Subject: Cool sidebar
---
css/site.css | 19 ++++++++++++++-
index.html | 76 ++++++++++++++++++++++++++++++------------------------------
2 files changed, 56 insertions(+), 39 deletions(-)
diff --git a/css/site.css b/css/site.css
index 1658992..c124fff 100644
--- a/css/site.css
+++ b/css/site.css
@@ -1,5 +1,5 @@
body {
- background-color: #eee;
+ background-color: #f1f1f1;
margin: 0pt;
padding: 0pt;
}
@@ -50,3 +50,20 @@ a:active {
border: 0pt;
margin: 0pt;
}
+
+div.sidebar {
+ float: right;
+ background-color: #dde;
+ border-left: 2pt solid #99D;
+ border-bottom: 2pt solid #99D;
+ margin-left: 2em;
+ margin-bottom: 1em;
+ min-width: 15%;
+ padding: 5pt;
+}
+
+div.body-content {
+ padding: 5pt;
+ margin-left: 10%;
+ margin-right: 10%;
+}
diff --git a/index.html b/index.html
index a115597..d4edd15 100644
--- a/index.html
+++ b/index.html
@@ -8,44 +8,44 @@
<header>
<h1>Welcome to Joe's dev blog</h1>
</header>
- <div>
- <table>
- <ul>
- <li>
- <a href="">Home</a>
- </li>
- <li>
- <a href="">C</a>
- </li>
- <li>
- <a href="">C++</a>
- </li>
- <li>
- <a href="">Lisp</a>
- </li>
- <li>
- <a href="">Assembly</a>
- </li>
- <li>
- <a href="">UNIX</a>
- </li>
- <li>
- <a href="">GNU Emacs</a>
- </li>
- <li>
- <a href="">My projects</a>
- </li>
- <li>
- <a href="">My C/C++ style</a>
- </li>
- <li>
- <a href="">Links</a>
- </li>
- </ul>
- </table>
+ <div class="sidebar">
+ <ul>
+ <li>
+ <a href="">Home</a>
+ </li>
+ <li>
+ <a href="">C</a>
+ </li>
+ <li>
+ <a href="">C++</a>
+ </li>
+ <li>
+ <a href="">Lisp</a>
+ </li>
+ <li>
+ <a href="">Assembly</a>
+ </li>
+ <li>
+ <a href="">UNIX</a>
+ </li>
+ <li>
+ <a href="">GNU Emacs</a>
+ </li>
+ <li>
+ <a href="">My projects</a>
+ </li>
+ <li>
+ <a href="">My C/C++ style</a>
+ </li>
+ <li>
+ <a href="">Links</a>
+ </li>
+ </ul>
+ </div>
+ <div class="body-content">
+ <p>
+ This is some text
+ </p>
</div>
- <p>
- This is some text
- </p>
</body>
</html>
--
cgit v1.2.3