diff options
| -rw-r--r-- | blog/views.py | 2 | ||||
| -rw-r--r-- | static/css/home.css | 2 | ||||
| -rw-r--r-- | static/css/sidebar.css | 28 | ||||
| -rw-r--r-- | static/css/styles.css | 19 | ||||
| -rw-r--r-- | templates/blog/home.html | 2 | ||||
| -rw-r--r-- | templates/blog/partials/post_list.html | 2 | ||||
| -rw-r--r-- | templates/blog/partials/sidebar.html | 12 | ||||
| -rw-r--r-- | templates/blog/post.html | 2 |
8 files changed, 45 insertions, 24 deletions
diff --git a/blog/views.py b/blog/views.py index e12752b5..8c83e29a 100644 --- a/blog/views.py +++ b/blog/views.py @@ -111,7 +111,7 @@ def post(request, slug): images = soup.find_all('img') for i in range(len(images)): if i % 2 != 0: - images[i]['style'] = 'float: right; padding: 0px 0px 0px 13px;' + images[i]['style'] = 'float: right; margin: 13px; margin-right: 0px;' # remove all paragraphs which are: "<p class="ql-align-justify"><br></p>" for p in soup.find_all('p', class_='ql-align-justify'): diff --git a/static/css/home.css b/static/css/home.css index 156fb323..6f31b5b7 100644 --- a/static/css/home.css +++ b/static/css/home.css @@ -79,7 +79,7 @@ marquee { border: 15px solid transparent; padding: 15px; - border-image: url('https://image.slidesdocs.com/responsive-images/docs/pop-art-bubble-dialog-in-shades-of-pink-and-purple-page-border-background-word-template_1ed12b1322__1131_1600.jpg') 45 round; + border-image: url('../images/backgrounds/announcements_border.png') 45 round; width: 480px; height: 180px; position: relative; diff --git a/static/css/sidebar.css b/static/css/sidebar.css index f9d35919..12917902 100644 --- a/static/css/sidebar.css +++ b/static/css/sidebar.css @@ -85,3 +85,31 @@ left: 110px; top: 45px; } + +#navigation-area h2, +#archives-area h2, +#categories-area h2, +#admin-area h2, +#fun-stuff h2 { + background: #311b4f; + padding: 10px 15px; + text-align: left; + margin: 0; + border-top-left-radius: 8px; + border-top-right-radius: 8px; + border-bottom: none; + font-size: 13px; + text-transform: capitalize; +} + +#navigation-area ul, +#archives-area ul, +#categories-area ul, +#admin-area ul, +#fun-stuff ul { + background: #f4f1e90f; + padding: 10px; + border-bottom-left-radius: 8px; + border-bottom-right-radius: 8px; +} + diff --git a/static/css/styles.css b/static/css/styles.css index 4f2a9269..608996dc 100644 --- a/static/css/styles.css +++ b/static/css/styles.css @@ -1,26 +1,18 @@ @import url(search.css); @import url(sidebar.css); +@import url('https://fonts.googleapis.com/css2?family=Mali:ital,wght@0,400;0,700;1,400;1,700&display=swap'); body { width: 100%; background: black; font-size: 11px; - font-family: Verdana, Helvetica, Arial, Sans-Serif; + font-family: 'Mali', sans-serif; margin: 0px auto 0px; padding: 0px; color: #dddddd; box-sizing: border-box; } -/* Cursor Styles */ -/* body { - cursor: url("../images/backgrounds/cursor_default.png"), auto; -} - -a { - cursor: url("../images/backgrounds/cursor_link.png"), pointer; -} */ - #bg-video { position: fixed; right: 0; @@ -348,7 +340,7 @@ blockquote { #article-body, #editor-container { - font-size: 13px; + font-size: 11px; text-align: justify; } @@ -356,7 +348,8 @@ blockquote { #editor-container img { height: 300px; float: left; - padding: 0px 13px 0px 0px; + margin: 11px; + margin-left: 0; } #article-body h2, @@ -366,6 +359,6 @@ blockquote { text-transform: uppercase; padding-bottom: 0px; border-bottom: none; - margin: 13px 0px; + margin: 11px 0px; font-size: 14px; }
\ No newline at end of file diff --git a/templates/blog/home.html b/templates/blog/home.html index 3fa8c524..391c510e 100644 --- a/templates/blog/home.html +++ b/templates/blog/home.html @@ -1,7 +1,7 @@ {% extends 'blog/partials/base.html' %} {% block content %} {% load static %} <link rel="stylesheet" href="{% static 'css/home.css' %}"> -<div id="welcome"> +<div id="welcome" class="mtctitem"> <p> Welcome to the home of That Computer Scientist. My name is <a href="{% url 'blog:user_activity' 'bobby' %}">@bobby</a>, and this is my personal website. I aim to build a retro looking personal website, where I share my thoughts, ideas, and experiences through articles, and will showcase some cool nostalgic features and tools. diff --git a/templates/blog/partials/post_list.html b/templates/blog/partials/post_list.html index e56c6081..566cd9ef 100644 --- a/templates/blog/partials/post_list.html +++ b/templates/blog/partials/post_list.html @@ -2,7 +2,7 @@ {% for post in posts %} <div class="post" style="clear: both;"> <span> - <img src="{% url 'ignis:post_image' '320' post.id %}.gif" alt="Cover image for {{ post.title }}" style="float: left; width: 320px; padding: 0px 13px 0px 0px"> + <img src="{% url 'ignis:post_image' '320' post.id %}.gif" alt="Cover image for {{ post.title }}" style="float: left; width: 320px; margin: 0 11px 11px 0;"> </span> <h1 style="margin-top: 0px; margin-bottom: 0px;"> <a href="{% url 'blog:post' post.slug %}">{{ post.title }}</a> diff --git a/templates/blog/partials/sidebar.html b/templates/blog/partials/sidebar.html index 41d7a295..f8181715 100644 --- a/templates/blog/partials/sidebar.html +++ b/templates/blog/partials/sidebar.html @@ -76,7 +76,7 @@ </div> {% endif %} -<div id="navigation-area" class="mtsbitem"> +<div id="navigation-area" class="mtctitem"> <h2>Links</h2> <ul> <li> @@ -142,13 +142,13 @@ </ul> </div> -<div id="fake-ad-area" class="mtsbitem"> +<div id="fake-ad-area" class="mtctitem"> {% comment %} <h2>Advertisement</h2> {% endcomment %} {% load ad %} <img src="{{ "big" | ad }}" alt="Advertisement"> </div> -<div id="archives-area" class="mtsbitem"> +<div id="archives-area" class="mtctitem"> <h2>Archives</h2> <ul> {% for archive in archives %} @@ -176,7 +176,7 @@ </ul> </div> -<div id="categories-area" class="mtsbitem"> +<div id="categories-area" class="mtctitem"> <h2>Categories</h2> <ul> {% for category in categories %} @@ -205,7 +205,7 @@ </div> {% if user.is_superuser %} -<div id="admin-area" class="mtsbitem"> +<div id="admin-area" class="mtctitem"> <h2>Admin</h2> <ul> <li> @@ -292,7 +292,7 @@ </div> {% endif %} -<div id="fun-stuff" class="mtsbitem"> +<div id="fun-stuff" class="mtctitem"> <h2>Fun Stuff</h2> <ul> <li> diff --git a/templates/blog/post.html b/templates/blog/post.html index 9bbcd674..f5227e25 100644 --- a/templates/blog/post.html +++ b/templates/blog/post.html @@ -1,6 +1,6 @@ {% extends 'blog/partials/base.html' %} {% block content %} {% load static %} -<div id="article"> +<div id="article" class="mtsbitem"> <img src="{% url 'ignis:post_image' '730' post.id %}.gif" alt="Cover Image" style="width: 730px; margin: 0 auto; display: block;"> <h1>{{ post.title }}</h1> <p style="line-height: 1.6em;"> |