calum
/
drulum
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Compare commits

base: calum:651d0de0295e7c441bd0ce17bc8567f612e27e47
Branches Tags
calum:dev
calum:master
calum:v0.2.1
calum:v0.2.0
calum:0.1.1
calum:v0.1.0
..
compare: calum:f7f45160d6e2c2a4de0398764f7e4354b2c0d00a
Branches Tags
calum:dev
calum:master
calum:v0.2.1
calum:v0.2.0
calum:0.1.1
calum:v0.1.0

No commits in common. "651d0de0295e7c441bd0ce17bc8567f612e27e47" and "f7f45160d6e2c2a4de0398764f7e4354b2c0d00a" have entirely different histories.
651d0de029 ... f7f45160d6

12 changed files with 104 additions and 1949 deletions
Show Stats Expand all files Collapse all files

29
articles/templates/articles/article_detail.html
View File

@ -1,28 +1,33 @@
{% extends 'base.html' %}
{% block content %}
<article class="max-w-5xl mx-auto my-4 px-8">
<h3 class="text-6xl font-extrabold">{{ article.title }}</h3>
<article>
<h3>{{ article.title }}</h3>
{% if article.subtitle %}
<h5 class="text-4xl italic font-medium">{{ article.subtitle }}</h5>
<h5>{{ article.subtitle }}</h5>
{% endif %}
<p class="text-sm">Added on the {{ article.created | date:'jS \o\f F, Y' }}
<p>Added on the {{ article.created|date:'jS \o\f F, Y' }}
{% if article.created.date != article.updated.date %}
and updated on the {{ article.updated|date:'jS \o\f F, Y' }}
{% endif %}
</p>
<hr class="my-2">
<hr>
{% if article.introduction %}
<p class="text-justify italic">{{ article.introduction|linebreaksbr }}</p>
<hr class="my-2">
<p>{{ article.introduction|linebreaksbr }}</p>
<hr>
{% endif %}
<div class="prose md:prose-lg lg:prose-xl max-w-none prose-img:rounded-2xl">
<div>
{{ article.body_as_markdown|safe }}
</div>
<hr class="my-2">
<div class="flex justify-between text-neutral-400">
<span>Posted in the <a class="hover:text-red-400" href="{% url 'articles:list_category' category=article.category.slug %}">{{ article.category }}</a> category</span>
{# <span>{% include 'articles/includes/display_tags.html' %}</span>#}
<hr>
<div>
<span>Posted in the <a
href="{% url 'articles:list_category' category=article.category.slug %}">{{ article.category }}</a> category</span>
<span>
{% for tag in article.tags.all %}
<a href="{{ tag.get_absolute_url }}">{{ tag }}</a>{% if tag != article.tags.last %},{% endif %}
{% endfor %}
</span>
</div>
</article>
{% endblock %}

46
articles/templates/articles/article_list.html
View File

@ -4,45 +4,51 @@
<main>
{% if object_list %}
{% if category %}
<h3 class="text-xl sm:text-4xl lg:text-6xl my-4 text-center">{{ category }} Articles</h3>
<h3>{{ category }} Articles</h3>
{% if category.introduction %}
<div class="flex justify-center mb-4">
<p class="sm:w-1/2 lg:w-1/3 mx-8 text-justify">{{ category.introduction }}</p>
<div>
<p>{{ category.introduction }}</p>
</div>
{% endif %}
{% elif tag %}
<h3 class="text-xl sm:text-4xl lg:text-6xl my-4 text-center">Articles for tag: {{ tag }}</h3>
<h3>Articles for tag: {{ tag }}</h3>
{% else %}
<h3 class="text-xl sm:text-4xl lg:text-6xl my-4 text-center">Recent Articles</h3>
<h3>Recent Articles</h3>
{% endif %}
<hr class="mx-8">
<div class="grid gap-12 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 m-8">
<hr>
<div>
{% for article in object_list %}
<div class="pb-8 break-inside-avoid-column">
<a class="text-3xl font-semibold hover:text-red-400" href="{{ article.get_absolute_url }}">{{ article.title }}</a>
<div>
<a href="{{ article.get_absolute_url }}">{{ article.title }}</a>
{% if article.subtitle %}
<h5 class="text-xl italic font-medium">{{ article.subtitle }}</h5>
<h5>{{ article.subtitle }}</h5>
{% endif %}
{% if article.introduction %}
<hr class="my-2">
<p class="text-justify">{{ article.introduction|linebreaksbr }}</p>
<hr>
<p>{{ article.introduction|linebreaksbr }}</p>
{% endif %}
<hr class="my-2">
<div class="flex justify-between text-neutral-400">
<hr>
<div>
<span>
<a class="hover:text-red-400" href="{% url 'articles:list_category' category=article.category.slug %}">{{ article.category }} </a>
<a href="{% url 'articles:list_category' category=article.category.slug %}">{{ article.category }} </a>
&bull; {{ article.created|date:'jS \o\f F, Y' }}
</span>
<span>{% include 'articles/includes/display_tags.html' %}</span>
<span>
{% for tag in article.tags.all %}
<a href="{{ tag.get_absolute_url }}">{{ tag }}</a>{% if tag != article.tags.last %},
{% endif %}
{% endfor %}
</span>
</div>
</div>
{% endfor %}
</div>
{% else %}
<div class="text-center m-8">
<h3 class="text-4xl mb-4">Oops!</h3>
<h5 class="text-lg">It looks like there are no articles for that {% if category %}category{% elif tag %}tag{% endif %} yet.</h5>
<p class="text-neutral-400">(sorry not sorry)</p>
<div>
<h3>Oops!</h3>
<h5>It looks like there are no articles for that {% if category %}category{% elif tag %} tag{% endif %}
yet.</h5>
<p>(sorry not sorry)</p>
</div>
{% endif %}
{% if page_obj.has_previous or page_obj.has_next %}

12
articles/templates/articles/category_list.html
View File

@ -3,15 +3,15 @@
{% block content %}
<main>
{% if object_list %}
<h3 class="text-6xl my-4 text-center">Category List</h3>
<hr class="mx-8">
<ul class="grid gap-12 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 m-8">
<h3>Category List</h3>
<hr>
<ul>
{% for category in object_list %}
<li>
<a class="text-2xl font-semibold hover:text-red-400" href="{{ category.get_absolute_url }}">{{ category.title }}</a>
<a href="{{ category.get_absolute_url }}">{{ category.title }}</a>
{% if category.introduction %}
<hr class="my-2">
<p class="text-justify">{{ category.introduction }}</p>
<hr>
<p>{{ category.introduction }}</p>
{% endif %}
</li>
{% endfor %}

3
articles/templates/articles/includes/display_tags.html
View File

@ -1,3 +0,0 @@
{% for tag in article.tags.all %}
<a href="{{ tag.get_absolute_url }}">{{ tag }}</a>{% if tag != article.tags.last %},{% endif %}
{% endfor %}

8
articles/templates/articles/tag_list.html
View File

@ -3,12 +3,12 @@
{% block content %}
<main>
{% if object_list %}
<h3 class="text-6xl my-4 text-center">List of Tags</h3>
<hr class="mx-8">
<ul class="grid gap-12 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 m-8">
<h3>List of Tags</h3>
<hr>
<ul>
{% for tag in object_list %}
<li>
<a class="text-2xl font-semibold hover:text-red-400" href="{{ tag.get_absolute_url }}">{{ tag }}</a>
<a href="{{ tag.get_absolute_url }}">{{ tag }}</a>
</li>
{% endfor %}
</ul>

1840
core/static/css/base.css
View File

File diff suppressed because it is too large Load Diff

4
core/templates/base.html
View File

@ -6,9 +6,9 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>{% block title %}Drulum{% endblock %}</title>
<link rel="stylesheet" href="{% static 'css/base.css' %}">
{# <link rel="stylesheet" href="{% static 'css/base.css' %}">#}
</head>
<body class="font-serif">
<body>
{% block page %}
{% block header %}{% include 'header.html' %}{% endblock %}
{% block content %}{% endblock %}

53
core/templates/core/homepage.html
View File

@ -2,41 +2,42 @@
{% block content %}
<main>
<div class="max-w-3xl mx-auto my-8">
<h1 class="text-xl sm:text-4xl lg:text-6xl my-4 text-center">Oh my word, this is basic!</h1>
<p class="text-justify mx-8">I got bored and decided to develop this site from scratch, again. See the <a
class="hover:text-red-400" href="{% url 'core:about-website' %}">About This Website</a> page if
you're at all interested in what I'm doing and why. The short version is that I'll be developing
features for the website as I create content for it. In other words, it's going to take a long time
before it's <em>pretty</em>.</p>
<p class="text-justify mx-8 mt-4">Longer term this site will present my own photographs and photography
tuition services along with articles on photography, philosophy, politics, health & mental health, and
whatever else I feel like.</p>
<div>
<h1>Oh my word, this is basic!</h1>
<p>I got bored and decided to develop this site from scratch, again. See the <a
href="{% url 'core:about-website' %}">About This Website</a> page if you're at all interested in
what I'm doing and why. The short version is that I'll be developing features for the website as I
create content for it. In other words, it's going to take a long time before it's <em>pretty</em>.</p>
<p>Longer term this site will present my own photographs and photography tuition services along with
articles on photography, philosophy, politics, health & mental health, and whatever else I feel
like.</p>
</div>
<hr class="mx-8">
<hr>
{% if featured_articles %}
<h1 class="text-xl sm:text-4xl lg:text-6xl my-4 text-center">Featured Articles</h1>
<hr class="mx-8">
<div class="grid gap-12 grid-cols-1 md:grid-cols-2 lg:grid-cols-3 m-8">
<h1>Featured Articles</h1>
<hr>
<div>
{% for article in featured_articles %}
<div class="pb-8 break-inside-avoid-column">
<a class="text-3xl font-semibold hover:text-red-400"
href="{{ article.get_absolute_url }}">{{ article.title }}</a>
<div>
<a href="{{ article.get_absolute_url }}">{{ article.title }}</a>
{% if article.subtitle %}
<h5 class="text-xl italic font-medium">{{ article.subtitle }}</h5>
<h5>{{ article.subtitle }}</h5>
{% endif %}
{% if article.introduction %}
<hr class="my-2">
<p class="text-justify">{{ article.introduction|linebreaksbr }}</p>
<hr>
<p>{{ article.introduction|linebreaksbr }}</p>
{% endif %}
<hr class="my-2">
<div class="flex justify-between text-neutral-400">
<hr>
<div>
<span>
<a class="hover:text-red-400"
href="{% url 'articles:list_category' category=article.category.slug %}">{{ article.category }} </a>
&bull; {{ article.created | date:'jS \o\f F, Y' }}
<a href="{% url 'articles:list_category' category=article.category.slug %}">{{ article.category }} </a>&bull; {{ article.created|date:'jS \o\f F, Y' }}
</span>
<span>
{% for tag in article.tags.all %}
<a href="{{ tag.get_absolute_url }}">{{ tag }}</a>{% if tag != article.tags.last %},
{% endif %}
{% endfor %}
</span>
<span>{% include 'articles/includes/display_tags.html' %}</span>
</div>
</div>
{% endfor %}

4
core/templates/flatpages/default.html
View File

@ -1,8 +1,8 @@
{% extends 'base.html' %}
{% block content %}
<h1 class="text-xl sm:text-4xl lg:text-6xl my-4 text-center">{{ flatpage.title }}</h1>
<div class="text-center mb-4">
<h1>{{ flatpage.title }}</h1>
<div>
{{ flatpage.content }}
</div>
{% endblock %}

4
core/templates/footer.html
View File

@ -1,3 +1,3 @@
<footer class="bg-blue-900 p-8 text-white font-mono">
<p class="text-center">All content &copy; Calum Andrew Morrell</p>
<footer>
<p>All content &copy; Calum Andrew Morrell</p>
</footer>

41
core/templates/header.html
View File

@ -1,32 +1,19 @@
<header class="grid grid-cols-1 md:grid-cols-[400px_1fr] md:gap-x-4 bg-blue-900 p-8 text-white">
<div class="row-span-3">
<h3 class="font-sans text-sm"><a href="{% url 'core:homepage' %}">the digital home of</a></h3>
<h1 class="text-4xl font-bold"><a href="{% url 'core:homepage' %}">Calum Andrew Morrell</a></h1>
{# <h2 class="font-mono">Photography · Writing · Audio · Video</h2>#}
<header>
<div>
<h3><a href="{% url 'core:homepage' %}">the digital home of</a></h3>
<h1><a href="{% url 'core:homepage' %}">Calum Andrew Morrell</a></h1>
</div>
<div class="font-sans md:row-span-3 md:grid md:grid-cols-1">
<nav class="flex gap-x-4 md:justify-end">
<a class="{% if 'about-me' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
href="{% url 'core:about-me' %}">about me</a>
<a class="{% if 'about-website' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
href="{% url 'core:about-website' %}">about this website</a>
<a class="{% if 'contact-me' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
href="{% url 'core:contact-me' %}">contact me</a>
<div>
<nav>
<a href="{% url 'core:about-me' %}">about me</a>
<a href="{% url 'core:about-website' %}">about this website</a>
<a href="{% url 'core:contact-me' %}">contact me</a>
</nav>
<nav class="flex gap-x-4 md:row-span-2 md:items-end text-lg">
<a class="{% if request.path == '/' %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
href="{% url 'core:homepage' %}">Home</a>
<a class="{% if 'articles' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"
href="{% url 'articles:list' %}">Articles</a>
{# <a class="{% if 'photography' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"#}
{# href="{% url 'showcase:project_list' %}">Photography</a>#}
{# <a class="{% if 'bear' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"#}
{# href="{% url 'bear:latest' %}">A Bear Aware</a>#}
{# <a class="{% if 'websites' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400"#}
{# href="{% url 'links:list' %}">Websites</a>#}
{# <a class="{% if 'categories' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400" href="{% url 'articles:categories' %}">Categories</a>#}
{# <a class="{% if 'showcase' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400" href="#">Showcase</a>#}
{# <a class="{% if 'locations' in request.path %}text-cyan-400 uppercase{% endif %} hover:text-red-400" href="#">Locations</a>#}
<nav>
<a href="{% url 'core:homepage' %}">Home</a>
{# <a href="#">Photography</a>#}
<a href="{% url 'articles:list' %}">Articles</a>
{# <a href="{% url 'articles:categories' %}">Categories</a>#}
</nav>
</div>
</header>

5
core/templates/pagination.html
View File

@ -1,13 +1,12 @@
<nav>
<hr>
<ul class="flex gap-x-2 justify-center">
<ul>
{% if page_obj.has_previous %}
<li><a href="?page=1">&laquo; first</a></li>
<li><a href="?page={{ page_obj.previous_page_number }}">previous</a></li>
{% endif %}
{% for page in page_obj.paginator.page_range %}
<li {% if page == page_obj.number %}class="font-bold text-blue-600"{% endif %}><a
href="?page={{ page }}">{{ page }}</a></li>
<li><a href="?page={{ page }}">{{ page }}</a></li>
{% endfor %}
{% if page_obj.has_next %}
<li><a href="?page={{ page_obj.next_page_number }}">next</a></li>