diff options
| -rw-r--r-- | css/index.php | 1 | ||||
| -rw-r--r-- | css/site.css | 247 | ||||
| -rw-r--r-- | index.php | 40 |
3 files changed, 287 insertions, 1 deletions
diff --git a/css/index.php b/css/index.php new file mode 100644 index 0000000..d29ead0 --- /dev/null +++ b/css/index.php @@ -0,0 +1 @@ +<?php header("Location: ../"); ?> diff --git a/css/site.css b/css/site.css new file mode 100644 index 0000000..397e661 --- /dev/null +++ b/css/site.css @@ -0,0 +1,247 @@ +/* ************************************************************************** */ +/* */ +/* File : classic-contents.inc.php /_________/ */ +/* Authors : Joe | */ +/* Date : 06/2020 | */ +/* Info : Functions for contents on every page | */ +/* / | */ +/* \ / */ +/* \_____/ */ +/* */ +/* ************************************************************************** */ + +body { + margin: 0 auto; + width: 100%; + height: 100%; + min-height: 100%; +} + +div.fullpage { + background-color: #f5f5f5; + font-family: sans-serif; + position: relative; + min-height: 100%; +} + +header { + margin: 0pt; + padding: 0pt; + width: 100%; + background-color: #ededed; + border-bottom: 2pt solid #aaa; + 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 { + border-top: 1pt solid #ccc; + background-color: #f1f1f1; + clear: both; + position: absolute; + bottom: 0; + width: 100%; + height: 2rem; + margin-top: -2rem; +} + +footer p { + text-align: center; + padding: 5px; + margin: 0; +} + +a { + margin: 0pt; + border-collapse: collapse; +} + +a:link { + color: #23b; + background-color: transparent; + text-decoration: none; +} + +a:visited { + color: #23b; + background-color: transparent; + text-decoration: none; +} + +a:hover { + color: #23b; + background-color: transparent; + text-decoration: underline; +} + +a:active { + color: #23b; + background-color: transparent; + text-decoration: none; +} + +div.sidebar li { + display: list-item; +} + +div.sidebar ul { + padding: 0pt 0pt 0pt 1em; + margin: 0; + list-style: square; +} + +div.sidebar { + float: right; + background-color: #e4e4f0; + border-left: 1pt solid #99c; + border-bottom: 1pt solid #99c; + margin-left: 2em; + margin-bottom: 1em; + min-width: 15%; + padding: 5pt; + border-radius: 0px 0px 0px 3px; +} + +div.body-contents { + padding: 5pt 0 5pt 0; + padding-bottom: 2.5rem; + margin-left: 10%; + margin-right: 20%; +} + +div.body-contents h1 { + font-size: 140%; + font-weight: bold; + text-align: left; + padding: 0em 0em 0.25rem 0em; + margin: 0pt; + margin-top: 1em; + color: #24c; + border-bottom: 2px solid #24c; +} + +div.body-contents h2 { + font-size: 130%; + font-weight: bold; + text-align: left; + padding: 0em 0em 0.25rem 0em; + margin: 0pt; + margin-top: 1em; + color: #24c; + border-bottom: 1px solid #24c; +} + +div.body-contents h3 { + font-size: 120%; + font-weight: bold; + text-align: left; + padding: 0em 0em 0.25rem 0em; + margin: 0pt; + margin-top: 1em; + color: #24c; +} + +div.body-contents b { + font-weight: bold; + color: #24c; +} + +div.body-contents li { + display: list-item; +} + +div.body-contents ul { + padding: 0pt 0pt 0pt 1.5rem; + margin: 0; + list-style: square; +} + +div.body-contents code { + font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; + font-size: smaller; + background-color: #e4e4e4; + color: #24d; + border-radius: 5px; + padding: 2px 5px 2px 5px; +} + +div.body-contents pre { + font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace; + font-size: smaller; + background-color: #d1e2f4; + border-radius: 4px; + display: block; + margin: 0; + width: 80%; + overflow: auto; + margin-left: 1em; + margin-right: 1em; + padding: 10px 10px 10px 10px; + white-space: pre; + border: 1px solid #aaa; +} + +div.body-contents pre.src { + background-color: #3c3836; + color: #ebdbb2; + border-radius: 4px; + display: block; + margin: 0; + width: 80%; + overflow: auto; + margin-left: 1em; + margin-right: 1em; + padding: 10px 10px 10px 10px; + white-space: pre; + border: 1px solid #1d2021; +} + +div#postamble { + border: 1px solid #89f; + width: 35%; + margin: 15px; + padding: 4px; + border-radius: 4px; +} + +span.fa { + font-size: 16px; +} @@ -1 +1,39 @@ -<h1>Yo</h1> +<!-- ----------------------------------------------------------------------- --> +<!-- --> +<!-- File : index.php /_________/ --> +<!-- Authors : Joe | --> +<!-- Date : 06/2020 | --> +<!-- Info : The home page | --> +<!-- / | --> +<!-- \ / --> +<!-- \_____/ --> +<!-- --> +<!-- ----------------------------------------------------------------------- --> + +<?php +$prefix = "./"; +$curr_dir = basename(getcwd()); +if ($curr_dir != "git-jozan" && $curr_dir != "gitjoe") { + $prefix = "../"; +} +?> +<?php include $prefix."inc/classic-contents.inc.php"; ?> +<?php jo_head("Home"); ?> +<?php jo_sidebar(); ?> +<div class="body-contents"> + <h2>About this site</h2> + <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(); ?> |