diff options
author | Jed Barber <jjbarber@y7mail.com> | 2021-02-04 16:36:35 +1100 |
---|---|---|
committer | Jed Barber <jjbarber@y7mail.com> | 2021-02-04 16:36:35 +1100 |
commit | 120d219023ed1c279cac495a1145466d182f4e37 (patch) | |
tree | cb1b2d78f8950fc34755c6b35956c38501d53f5d | |
parent | 5265cb93699114e05fcea667597ea96cf3f4b2f4 (diff) |
Abstract blue background added
-rw-r--r-- | project/assets/css/default.css | 25 | ||||
-rw-r--r-- | project/assets/css/links.css | 7 | ||||
-rw-r--r-- | project/assets/img/blue_abstract_triangles_1920x1200.jpg | bin | 0 -> 98702 bytes | |||
-rw-r--r-- | project/assets/img/white_90.png | bin | 0 -> 177 bytes | |||
-rw-r--r-- | project/templates/base.html | 3 |
5 files changed, 29 insertions, 6 deletions
diff --git a/project/assets/css/default.css b/project/assets/css/default.css index 83cd85a..aff0391 100644 --- a/project/assets/css/default.css +++ b/project/assets/css/default.css @@ -3,12 +3,18 @@ /* Some hopefully sensible defaults. */ body { - margin: auto; + background-image: url('/img/blue_abstract_triangles_1920x1200.jpg'); + margin: 0em auto 0em auto; max-width: 75em; font: 1.2em/1.62em sans-serif; } +div.white { + background-image: url('/img/white_90.png'); +} + + figure { text-align: center; margin-left: 0.5em; @@ -64,24 +70,31 @@ pre { h2 { - padding: 1em 0.5em 1em 0.5em; + margin-top: 0em; + margin-bottom: 0em; + padding: 1em 1em 1em 1em; } h4 { padding-top: 2em; - padding-left: 0.5em; + padding-left: 1em; } h5 { padding-top: 2em; - padding-left: 0.5em; + padding-left: 1em; +} + + +hr { + margin: 0em 1em 0em 1em; } p { - margin: 2em 0.5em 2em 0.5em; + margin: 2em 1em 2em 1em; } @@ -93,7 +106,7 @@ p { nav ul { display: table; width: 100%; - margin: auto; + margin: 0.5em auto 0.5em auto; padding: 0; } diff --git a/project/assets/css/links.css b/project/assets/css/links.css index 2dbf428..75c70e8 100644 --- a/project/assets/css/links.css +++ b/project/assets/css/links.css @@ -5,6 +5,13 @@ div.colcontain { } +div.colcontain:after { + content: ""; + display: table; + clear: both; +} + + div.colleft { float: left; width: 50%; diff --git a/project/assets/img/blue_abstract_triangles_1920x1200.jpg b/project/assets/img/blue_abstract_triangles_1920x1200.jpg Binary files differnew file mode 100644 index 0000000..50e7568 --- /dev/null +++ b/project/assets/img/blue_abstract_triangles_1920x1200.jpg diff --git a/project/assets/img/white_90.png b/project/assets/img/white_90.png Binary files differnew file mode 100644 index 0000000..ebe9a1f --- /dev/null +++ b/project/assets/img/white_90.png diff --git a/project/templates/base.html b/project/templates/base.html index d4ef561..979305c 100644 --- a/project/templates/base.html +++ b/project/templates/base.html @@ -9,6 +9,7 @@ {% endblock %} </head> <body> + <div class="white"> <h2>Jedidiah Barber's Personal Site</h2> <hr> <nav> @@ -24,6 +25,8 @@ {% block content %} {% endblock %} </article> + <hr> + </div> </body> </html> |