diff options
| -rw-r--r-- | css/site.css | 34 | ||||
| -rw-r--r-- | index.html | 107 |
2 files changed, 86 insertions, 55 deletions
diff --git a/css/site.css b/css/site.css index b8b233c..d467b02 100644 --- a/css/site.css +++ b/css/site.css @@ -1,9 +1,14 @@ body { - background-colo-r: #f5f5f5; - /* background-color: #ffffff; */ + margin: 0 auto; + height: 100%; + min-height: 100%; +} + +div.fullpage { + background-color: #f5f5f5; font-family: sans-serif; - margin: 0pt; - padding: 0pt; + position: relative; + min-height: 100%; } header { @@ -23,6 +28,23 @@ header h1 { margin: 0pt; } +footer { + border-top: 1pt solid #ccc; + background-color: #f1f1f1; + clear: both; + position: absolute; + bottom: 0; + width: 100%; + height: 2.5rem; + margin-top: -2.5rem; +} + +footer p { + text-align: center; + padding: 5px; + margin: 0; +} + a { margin: 0pt; border-collapse: collapse; @@ -74,7 +96,9 @@ div.sidebar ul { } div.body-contents { - padding: 5pt; + padding: 5pt 0 5pt 0; + padding-bottom: 2.5rem; + width: 100%; margin-left: 20%; margin-right: 20%; } @@ -5,56 +5,63 @@ <meta charset="UTF-8"> </head> <body> - <header> - <h1>Joe's dev blog</h1> - </header> - <div class="sidebar"> - <ul> - <li> - <a href="index.html">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-contents"> - <h1>About the site</h1> - <p> - Welcome to my personnal blog. There you can find my tips and articles on - various tech and programming subjects. - <br><br> - The site is still in active developpement, come back sometimes. - </p> - <h1>About me</h1> - <p> - I am a student for <a href="https://www.42lyon.fr/" target="_blank">42Lyon</a> IT school based in - Lyon, France. I work on various personnal project beside that. - </p> + <div class="fullpage"> + <header> + <h1>Joe's dev blog</h1> + </header> + <div class="sidebar"> + <ul> + <li> + <a href="index.html">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-contents"> + <h1>About the site</h1> + <p> + Welcome to my personnal blog. There you can find my tips and articles on + various tech and programming subjects. + <br><br> + The site is still in active developpement, come back sometimes. + </p> + <h1>About me</h1> + <p> + I am a student for <a href="https://www.42lyon.fr/" target="_blank">42Lyon</a> IT school based in + Lyon, France. I work on various personnal project beside that. + </p> + </div> + <footer> + <p> + Copyright Joe 2020 - see <a href="LICENSE">LICENSE</a> - we do not use cookies + </p> + </footer> </div> </body> </html> |