Skip to content

Commit

Permalink
Style changes on nocturne. Hard code category list into window watching
Browse files Browse the repository at this point in the history
  • Loading branch information
@SamuelmdLow
SamuelmdLow committed Dec 7, 2024
1 parent bec9aef commit daa03c7
Show file tree
Hide file tree
Showing 2 changed files with 191 additions and 2 deletions.
11 changes: 9 additions & 2 deletions ubyssey/static_src/src/styles/supplement-2024-nocturne.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,7 @@ body {
}

article > div > * {
max-width: 1000px;
max-width: 1100px;
margin:auto;
padding-inline: 1em;
text-align: center;
Expand Down Expand Up @@ -507,6 +507,7 @@ img {
font-weight: 600;
.c-share-buttons {
position: relative;
display: inline-block;
margin-inline: 0.25em;
vertical-align: middle;
a {
Expand All @@ -531,7 +532,7 @@ img {
footer {
margin: auto;
padding: 2em 1em;
max-width: 1000px;
max-width: 1200px;
text-align: center;
.footer-links-section {
margin: auto;
Expand Down Expand Up @@ -569,4 +570,10 @@ footer {
font-weight: 500;
}
}
}

@media($bp-smaller-than-phablet) {
footer .footer-links-section {
flex-direction: column;
}
}
182 changes: 182 additions & 0 deletions ubyssey/templates/article/nocturne-window-watching.html
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
{% load static %}
{% load wagtailcore_tags %}
{% load wagtailimages_tags %}
{% load menu_tags %}

<!DOCTYPE html>
<html>
Expand Down Expand Up @@ -157,8 +158,189 @@ <h1>
Nocturne
</a>
</h1>
<ul>

<li>
<a href="/features/nocturne-editors-note/">

<img alt="A photo of a yellow crescent moon in a black night sky." height="600" src="https://storage.googleapis.com/ubyssey/media/renditions/20241106_iwasak.2e16d0ba.fill-1000x600-c100.format-webp.webp" width="1000">

<h3>Nocturne: Editor's Note</h3>
</a>
</li>

<li>
<a href="/features/jupiter/">

<img alt="A yellow crescent moon over a fur tree forest at dusk." height="600" src="https://storage.googleapis.com/ubyssey/media/renditions/20241120_kamra_.2e16d0ba.fill-1000x600-c100.format-webp_PLMl7DF.webp" width="1000">

<h3>Jupiter</h3>
</a>
</li>

<li>
<a href="/features/the-burning-house/">

<img alt="A person walking down an empty pathway outside at night with their back facing the camera and a maple tree in the forefront. Illustrated smoke encircles the frame of the photo." height="600" src="https://storage.googleapis.com/ubyssey/media/renditions/nocturne-fog.2e16d0ba.fill-1000x600-c100.format-webp.webp" width="1000">

<h3>The burning house</h3>
</a>
</li>

<li>
<a href="/features/on-insomnia-caused-by-medication/">

<img alt="An illustration of a person's profile laying down. They are sleeping on their back with their eyes closed Their skin and hair is turquoise and they are wearing a magenta shirt. There are yellow stars and a crescent moon over their head." height="600" src="https://storage.googleapis.com/ubyssey/media/renditions/CNF_insomnia.2e16d0ba.fill-1000x600-c100.format-webp.webp" width="1000">

<h3>On insomnia, caused by medication</h3>
</a>
</li>

<li>
<a href="/features/how-lonesome-the-night/">

<img alt="A photo taken from the sidewalk of an apartment complex at night with the lights on inside. A silhouette stands from a balcony in the top left room." height="600" src="https://storage.googleapis.com/ubyssey/media/renditions/20241120_kamra_.2e16d0ba.fill-1000x600-c100.format-webp_owh9yC6.webp" width="1000">

<h3>How lonesome the night</h3>
</a>
</li>

<li>
<a href="/features/for-a-long-time-i-went-to-bed-early/">

<img alt="A person with long black hair wearing a beige trench coat faces away from the camera and holds a red and yellow apple in their right hand over a container of apples in a dimly lit grocery store." height="600" src="https://storage.googleapis.com/ubyssey/media/renditions/20241120_kimura.2e16d0ba.fill-1000x600-c100.format-webp.webp" width="1000">

<h3>For a long time, I went to bed early</h3>
</a>
</li>

<li>
<a href="/features/a-prairie-storm/">

<img alt="A brown truck drives through a mud road between tall yellow grass with a lightning striking at night overhead over a black overcast sky." height="600" src="https://storage.googleapis.com/ubyssey/media/renditions/Truck_CNF_Fiona.2e16d0ba.fill-1000x600-c100.format-webp.webp" width="1000">

<h3>A prairie storm</h3>
</a>
</li>

<li>
<a href="/features/i-used-to-hate-the-birds/">

<img alt="A photo of the corner window of an apartment on the top floor of a building captured from the street. The curtains are drawn and the room is lit dimly with a yellow hue inside." height="600" src="https://storage.googleapis.com/ubyssey/media/renditions/20241120_kamra_.2e16d0ba.fill-1000x600-c100.format-webp.webp" width="1000">

<h3>I used to hate the birds</h3>
</a>
</li>

<li>
<a href="/features/bed-bugs/">

<img alt="a pile of sealed cardboard boxes pushed to the corner of an empty room at night with a window at the adjacent wall and a starry dark blue night outside." height="600" src="https://storage.googleapis.com/ubyssey/media/renditions/20241120_yusgia.2e16d0ba.fill-1000x600-c100.format-webp.webp" width="1000">

<h3>Bed bugs</h3>
</a>
</li>

<li>
<a href="/features/while-the-city-sleeps/">

<img alt="A quiet yellow cobblestoned street at night lined with blue townhomes with yellow windows. To the right is a small café patio with some tables. Overhead is an abstract navy blue sky with white and yellow stars painted in the style of Van Gogh's starry night." height="600" src="https://storage.googleapis.com/ubyssey/media/renditions/20241120_cillie.2e16d0ba.fill-1000x600-c100.format-webp.webp" width="1000">

<h3>While the city sleeps</h3>
</a>
</li>

<li>
<a href="/features/night-terror/">

<img alt="An illustration of a dimly lit hallway with wooden floors and a yellow door at the end of it. A wooden console table sits to the right with books on its shelf and a potted plant on its surface. Abstract blue and red paintings line the walls." height="600" src="https://storage.googleapis.com/ubyssey/media/renditions/20241106_cillie.2e16d0ba.fill-1000x600-c100.format-webp.webp" width="1000">

<h3>Night terror</h3>
</a>
</li>

<li>
<a href="/features/slipping-through-my-fingers-all-the-time/">

<img alt="An illustration of a person sleeping on their side in a bed facing away from a window where the sun is rising outside while it is still dark and blue in the room." height="600" src="https://storage.googleapis.com/ubyssey/media/renditions/20241106_lee_a1.2e16d0ba.fill-1000x600-c100.format-webp.webp" width="1000">

<h3>Slipping through my fingers all the time</h3>
</a>
</li>

<li>
<a href="/features/close-to-home/">

<img alt="A panoramic photo taken at night on the top of a hill capturing downtown Vancouver lit up in the distance and some power lines and a bus driving in motion past the perpendicular street in the forefront." height="600" src="https://storage.googleapis.com/ubyssey/media/renditions/20241120_kimur_.2e16d0ba.fill-1000x600-c100.format-webp.webp" width="1000">

<h3>Close to home</h3>
</a>
</li>

<li>
<a href="/features/you-were-gorgeous-only-yesterday/">

<img alt="A sky at night consisting of navy blue swirls and dim yellow stars in the style of Van Gogh's starry night." height="600" src="https://storage.googleapis.com/ubyssey/media/renditions/20241106_harris.2e16d0ba.fill-1000x600-c100.format-webp.webp" width="1000">

<h3>You were gorgeous only yesterday</h3>
</a>
</li>

<li>
<a href="/features/low-tide/">

<img alt="An illustration of a person sitting on the edge of a wooden dock facing a body of water at night next to a lit street lamp to their right. The sky is drawn in the style of Van Gogh's Starry Night." height="600" src="https://storage.googleapis.com/ubyssey/media/renditions/20241205_Harris.2e16d0ba.fill-1000x600-c100.format-webp.webp" width="1000">

<h3>Low tide</h3>
</a>
</li>

<li>
<a href="/features/the-witching-hour/">

<img alt="A navy blue illustration of a mother and her daughter sitting at a piano at night. The mother and daughter face away from the camera and the daughter's head rests on her mother's shoulder as yellow hues and swirls encircle them." height="600" src="https://storage.googleapis.com/ubyssey/media/renditions/motherdaughter_.2e16d0ba.fill-1000x600-c100.format-webp.webp" width="1000">

<h3>The witching hour</h3>
</a>
</li>

<li>
<a href="/features/my-mothers-taste-in-men-kyle-gallner-instant-noodles/">

<img alt="Two hands reaching out for each other from either side of the image against a navy blue background. The one on the right is drawn in the style of a character reaching out from a screen, pixelated and outlined in red, blue and green." height="600" src="https://storage.googleapis.com/ubyssey/media/renditions/20241205_lee_a.d0f3d62d.fill-1000x600-c100.format-webp.webp" width="1000">

<h3>My mother’s taste in men, Kyle Gallner, instant noodles</h3>
</a>
</li>

</ul>
</div>

<footer>
<div class="u-container u-container--large">

<div class="about">

<div class="footer-links">
<div class="footer-links-section">
<h3>Sections</h3>
{% main_menu show_multiple_levels=False apply_active_classes=False %}
</div>
<div class="footer-links-section">
<h3>Explore</h3>
{% flat_menu 'second_footer_menu' max_levels=1 show_menu_heading=False fall_back_to_default_site_menus=True %}
</div>
</div>
</div>
<div class="land-acknowledgement">
<p>
<i>The Ubyssey</i> acknowledges we operate on the traditional, ancestral and stolen territories of the Coast Salish peoples including the xʷməθkʷəy̓əm (Musqueam), Sḵwx̱wú7mesh Úxwumixw (Squamish) and səlilwətaɬ (Tsleil-Waututh) nations. <a href="https://ubyssey.ca/pages/about/">Read More</a>.
</p>
</div>
<div class="copyright">&copy; {% now "Y" %} The Ubyssey</div>
</div>
</footer>

<script src="{% static 'ubyssey/js/nocturne-window-watching.js' %}" type="text/javascript"></script>
</body>
</html>

0 comments on commit daa03c7

Please sign in to comment.