diff options
Diffstat (limited to '')
-rw-r--r-- | css/site.css | 76 | ||||
-rw-r--r-- | inc/classic-contents.inc.php | 83 | ||||
-rw-r--r-- | index.php | 32 | ||||
-rw-r--r-- | license.php | 34 | ||||
-rw-r--r-- | links.php | 20 |
5 files changed, 141 insertions, 104 deletions
diff --git a/css/site.css b/css/site.css index 0b947be..fbf6fa5 100644 --- a/css/site.css +++ b/css/site.css @@ -21,12 +21,43 @@ header { border-top: 0pt; } + header h1 { font-size: x-large; font-weight: bold; text-align: center; padding: 5pt; margin: 0pt; + color: #292929; +} + +header a { + margin: 0pt; + border-collapse: collapse; +} + +header a:link { + color: #292929; + background-color: transparent; + text-decoration: none; +} + +header a:visited { + color: #292929; + background-color: transparent; + text-decoration: none; +} + +header a:hover { + color: #292929; + background-color: transparent; + text-decoration: none; +} + +header a:active { + color: #292929; + background-color: transparent; + text-decoration: none; } footer { @@ -36,8 +67,8 @@ footer { position: absolute; bottom: 0; width: 100%; - height: 2.5rem; - margin-top: -2.5rem; + height: 2rem; + margin-top: -2rem; } footer p { @@ -64,16 +95,25 @@ a:visited { } a:hover { - color: #48f; + color: #45a; background-color: transparent; - text-decoration: none; + text-decoration: underline; } a:active { - color: #48f; + color: #45a; background-color: transparent; - border: 0pt; - margin: 0pt; + text-decoration: none; +} + +li { + display: list-item; + list-style: square; +} + +ul { + padding: 0pt 0pt 0pt 1em; + margin: 0 0 1em; } div.sidebar { @@ -87,19 +127,10 @@ div.sidebar { padding: 5pt; } -div.sidebar li { - display: list-item; - list-style: square; -} -div.sidebar ul { - padding: 0pt 0pt 0pt 1em; - margin: 0 0 1em; -} - div.body-contents { padding: 5pt 0 5pt 0; padding-bottom: 2.5rem; - margin-left: 20%; + margin-left: 10%; margin-right: 20%; } @@ -107,17 +138,22 @@ div.body-contents h1 { font-size: 140%; font-weight: bold; text-align: left; - padding: 0em 0em 0em 0em; + padding: 0em 0em 0.25rem 0em; margin: 0pt; - margin-top: 1em; + margin-top: 2em; + color: #24c; + border-bottom: 2px solid #24c; } div.body-contents h2 { font-size: 125%; font-weight: bold; text-align: left; - padding: 0em 0em 0em 0em; + padding: 0em 0em 0.25rem 0em; margin: 0pt; + margin-top: 1em; + color: #24c; + border-bottom: 1px solid #24c; } div.body-contents code { diff --git a/inc/classic-contents.inc.php b/inc/classic-contents.inc.php index 3c35453..72e55c9 100644 --- a/inc/classic-contents.inc.php +++ b/inc/classic-contents.inc.php @@ -2,17 +2,17 @@ function jo_head($title) { ?> -<html> - <head> - <title>Joe's own website - <?php echo "$title"; ?></title> - <link rel="stylesheet" type="text/css" href="css/site.css"> - <meta charset="UTF-8"> - </head> - <body> - <div class="fullpage"> - <header> - <h1>Joe's dev blog - <?php echo "$title"; ?></h1> - </header> + <html> + <head> + <title>Joe's own website - <?php echo "$title"; ?></title> + <link rel="stylesheet" type="text/css" href="css/site.css"> + <meta charset="UTF-8"> + </head> + <body> + <div class="fullpage"> + <header> + <h1><a href="index.php">Joe's dev blog - <?php echo "$title"; ?></a></h1> + </header> <?php } @@ -20,55 +20,36 @@ function jo_sidebar() { ?> - <div class="sidebar"> + <div class="sidebar"> <ul> - <li> - <a href="index.php">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> + <li><a href="index.php">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.php">Links</a></li> </ul> - </div> + </div> <?php } + function jo_footer() { ?> - <footer> + <footer> <p> - Copyright © 2020, Rudy Bousset - - see <a href="license.php">LICENSE</a> - - we do not use cookies + Copyright © 2020, Joe - + see <a href="license.php">LICENSE</a> - + we do not use cookies </p> - </footer> - </div> - </body> -</html> + </footer> + </div> + </body> + </html> <?php } ?> @@ -1,20 +1,20 @@ <?php include 'inc/classic-contents.inc.php'; ?> <?php jo_head("Home"); ?> <?php jo_sidebar(); ?> - <div class="body-contents"> - <h1>About this site</h1> - <p> - Welcome to my personnal blog. Here you can find my tips and articles - on various tech and programming subjects. - <br><br> - The site is still in active developpement, stay tuned. - </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> +<div class="body-contents"> + <h1>About this site</h1> + <p> + Welcome to my personnal blog. Here you can find my tips and articles + on various tech and programming subjects. + <br><br> + The site is still in active developpement, stay tuned. + </p> + <h2>About me</h2> + <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> <?php jo_footer(); ?> diff --git a/license.php b/license.php index 8e6fdb6..7420bdf 100644 --- a/license.php +++ b/license.php @@ -1,21 +1,21 @@ <?php include 'inc/classic-contents.inc.php'; ?> <?php jo_head("LICENSE"); ?> <?php jo_sidebar(); ?> - <div class="body-contents"> - <h1>BSD 3-Clause</h1> - <p> - This site is copyrighted under the BSD 3-Clause License. - You can find the terms of the license bellow: - </p> - <pre> -<?php -$license = file_get_contents('LICENSE'); -echo "$license"; -?> - </pre> - <p> - You also can download the license using - <a href="LICENSE">this link</a>. - </p> - </div> +<div class="body-contents"> + <h1>BSD 3-Clause</h1> + <p> + This site is copyrighted under the BSD 3-Clause License. + You can find the terms of the license bellow: + </p> + <pre> + <?php + $license = file_get_contents('LICENSE'); + echo "$license"; + ?> + </pre> + <p> + You also can download the license using + <a href="LICENSE">this link</a>. + </p> +</div> <?php jo_footer(); ?> diff --git a/links.php b/links.php new file mode 100644 index 0000000..89499d2 --- /dev/null +++ b/links.php @@ -0,0 +1,20 @@ +<?php include 'inc/classic-contents.inc.php'; ?> +<?php jo_head("Home"); ?> +<?php jo_sidebar(); ?> +<div class="body-contents"> + <h2>My links</h2> + <p> + Here Are the links you can use to follow me around: + </p> + <ul> + <li> + <a href="https://github.com/JozanLeClerc/" target="_blank"> + My GitHub page + </a> + </li> + <li>My Twitch channel</li> + <li>My Rock N' Roll band's Bandcamp</li> + <li>My Rock N' Roll band's Bandcamp</li> + </ul> +</div> +<?php jo_footer(); ?> |