Update: contents style uninotes page

This commit is contained in:
hyzen
2026-04-14 17:01:03 +05:30
parent dedbf6ecb8
commit 68fd50ffcb
8 changed files with 342 additions and 808 deletions

View File

@@ -1,4 +1,4 @@
<!doctype html><html class=html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><title>Changelog | Freedoms4</title><link rel=stylesheet href=/css/style.min.34d0accb85f8ec23ceee8c29eef5907823b531d8acb9e6bdf45a3b37ad028d30.css integrity="sha256-NNCsy4X47CPO7owp7vWQeCO1Mdisuea99Fo7N60CjTA=" crossorigin=anonymous><link rel=icon href=/favicon.ico><meta name=description content=" [2026-04-14] # Added # Changelog page linked in the footer beside the copyright notice Removed year from footer copyright to keep it cleaner "><meta property="og:url" content="https://freedoms4.org/changelog/"><meta property="og:site_name" content="Freedoms4"><meta property="og:title" content="Changelog"><meta property="og:description" content="[2026-04-14] # Added # Changelog page linked in the footer beside the copyright notice Removed year from footer copyright to keep it cleaner"><meta property="og:locale" content="en_us"><meta property="og:type" content="website"><meta itemprop=name content="Changelog"><meta itemprop=description content="[2026-04-14] # Added # Changelog page linked in the footer beside the copyright notice Removed year from footer copyright to keep it cleaner"><meta itemprop=wordCount content="23"><link rel=alternate type=application/rss+xml href=/changelog/index.xml title=Freedoms4><link rel=stylesheet href=/css/custom.css><script>(function(){var e=localStorage.getItem("theme");e&&document.documentElement.setAttribute("data-theme",e)})()</script></head><body class=body><header class=header><div class=brand><img src=/logo.png alt="Freedoms4 logo"><h1>Freedoms4</h1><div class=brand__actions><button class=theme-toggle id=theme-toggle aria-label="Toggle theme" title="Toggle dark/light mode">
<!doctype html><html class=html lang=en-us dir=ltr><head><meta charset=utf-8><meta name=viewport content="width=device-width"><title>Changelog | Freedoms4</title><link rel=stylesheet href=/css/style.min.34d0accb85f8ec23ceee8c29eef5907823b531d8acb9e6bdf45a3b37ad028d30.css integrity="sha256-NNCsy4X47CPO7owp7vWQeCO1Mdisuea99Fo7N60CjTA=" crossorigin=anonymous><link rel=icon href=/favicon.ico><meta name=description content=" [2026-04-14] # Added # Changelog page linked in the footer beside the copyright notice Removed year from footer copyright to keep it cleaner Updated # “Contents” style UniNotes page. "><meta property="og:url" content="https://freedoms4.org/changelog/"><meta property="og:site_name" content="Freedoms4"><meta property="og:title" content="Changelog"><meta property="og:description" content="[2026-04-14] # Added # Changelog page linked in the footer beside the copyright notice Removed year from footer copyright to keep it cleaner Updated # “Contents” style UniNotes page."><meta property="og:locale" content="en_us"><meta property="og:type" content="website"><meta itemprop=name content="Changelog"><meta itemprop=description content="[2026-04-14] # Added # Changelog page linked in the footer beside the copyright notice Removed year from footer copyright to keep it cleaner Updated # “Contents” style UniNotes page."><meta itemprop=wordCount content="29"><link rel=alternate type=application/rss+xml href=/changelog/index.xml title=Freedoms4><link rel=stylesheet href=/css/custom.css><script>(function(){var e=localStorage.getItem("theme");e&&document.documentElement.setAttribute("data-theme",e)})()</script></head><body class=body><header class=header><div class=brand><img src=/logo.png alt="Freedoms4 logo"><h1>Freedoms4</h1><div class=brand__actions><button class=theme-toggle id=theme-toggle aria-label="Toggle theme" title="Toggle dark/light mode">
<svg class="theme-toggle__sun" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M12 7c-2.76.0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zM2 13h2c.55.0 1-.45 1-1s-.45-1-1-1H2c-.55.0-1 .45-1 1s.45 1 1 1zm18 0h2c.55.0 1-.45 1-1s-.45-1-1-1h-2c-.55.0-1 .45-1 1s.45 1 1 1zM11 2v2c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1zm0 18v2c0 .55.45 1 1 1s1-.45 1-1v-2c0-.55-.45-1-1-1s-1 .45-1 1zM5.99 4.58c-.39-.39-1.03-.39-1.41.0-.39.39-.39 1.03.0 1.41l1.06 1.06c.39.39 1.03.39 1.41.0s.39-1.03.0-1.41L5.99 4.58zm12.37 12.37c-.39-.39-1.03-.39-1.41.0-.39.39-.39 1.03.0 1.41l1.06 1.06c.39.39 1.03.39 1.41.0.39-.39.39-1.03.0-1.41l-1.06-1.06zm1.06-12.37-1.06 1.06c-.39.39-.39 1.03.0 1.41s1.03.39 1.41.0l1.06-1.06c.39-.39.39-1.03.0-1.41s-1.03-.39-1.41.0zM7.05 18.36l-1.06 1.06c-.39.39-.39 1.03.0 1.41s1.03.39 1.41.0l1.06-1.06c.39-.39.39-1.03.0-1.41s-1.03-.39-1.41.0z"/></svg>
<svg class="theme-toggle__moon" viewBox="0 0 24 24" width="16" height="16" fill="currentColor"><path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg></button><div class="brand__auth brand__auth--desktop"><input type=checkbox id=auth-dropdown class=brand__auth-check>
<label class=brand__auth-toggle for=auth-dropdown tabindex=0 aria-label="Account options"><svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor"><path d="M12 12c2.7.0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2.0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z"/></svg></label><div class=brand__auth-links><a href=/login/ class="auth-link auth-link--login">Login</a>
@@ -7,4 +7,4 @@
<label class=brand__mobile-toggle for=mobile-menu-check aria-label=Menu><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg></label><div class=brand__mobile-links><a href=/login/ class=mobile-link>Login</a>
<a href=/signup/ class=mobile-link>Sign Up</a>
<a href=/changelog/index.xml class="mobile-link mobile-link--subscribe"><svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor" aria-hidden="true"><path d="M6.18 15.64a2.18 2.18.0 012.18 2.18c0 1.19-.98 2.18-2.18 2.18C4.98 20 4 19.01 4 17.82a2.18 2.18.0 012.18-2.18M4 4.44A15.56 15.56.0 0119.56 20h-2.83A12.73 12.73.0 004 7.27V4.44m0 5.66a9.9 9.9.0 019.9 9.9h-2.83A7.07 7.07.0 004 12.93V10.1z"/></svg>
Subscribe</a></div></div></div></div><nav class="menu language"><ul class="menu__list language__list"><li class=menu__item><a class=menu__link href=/>Home</a></li><li class=menu__item><a class=menu__link href=/blog/>Blog</a></li><li class=menu__item><a class=menu__link href=/services/>Services</a></li><li class=menu__item><a class=menu__link href=/uninotes/>UniNotes</a></li><li class=menu__item><a class=menu__link href=/contact/>Contact</a></li></ul></nav></header><main class=main><h1>Changelog</h1><h2 class=heading id=2026-04-14>[2026-04-14]<span class=heading__anchor> <a href=#2026-04-14>#</a></span></h2><h3 class=heading id=added>Added<span class=heading__anchor> <a href=#added>#</a></span></h3><ul><li>Changelog page linked in the footer beside the copyright notice</li><li>Removed year from footer copyright to keep it cleaner</li></ul></main><footer class=footer><p class=footer__copyright-notice>&copy; <a href=https://freedoms4.org>freedoms4.org</a> <a href=/changelog/>Changelog</a></p><p class=footer__theme-info>Built with <a href=https://gohugo.io>Hugo</a> and based on <a href=https://github.com/CyrusYip/hugo-theme-yue>Yue</a> theme</p></footer><script>(function(){var e=document.getElementById("theme-toggle");if(!e)return;function t(){var e=localStorage.getItem("theme");return e?e:window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}function n(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e)}n(t()),e.addEventListener("click",function(){var e=document.documentElement.getAttribute("data-theme")||t();n(e==="dark"?"light":"dark")})})()</script><script>(function(){var e=document.getElementById("mobile-menu-check");if(!e)return;document.addEventListener("click",function(t){if(!e.checked)return;var n=e.closest(".brand__mobile-menu");n&&!n.contains(t.target)&&(e.checked=!1)})})()</script></body></html>
Subscribe</a></div></div></div></div><nav class="menu language"><ul class="menu__list language__list"><li class=menu__item><a class=menu__link href=/>Home</a></li><li class=menu__item><a class=menu__link href=/blog/>Blog</a></li><li class=menu__item><a class=menu__link href=/services/>Services</a></li><li class=menu__item><a class=menu__link href=/uninotes/>UniNotes</a></li><li class=menu__item><a class=menu__link href=/contact/>Contact</a></li></ul></nav></header><main class=main><h1>Changelog</h1><h2 class=heading id=2026-04-14>[2026-04-14]<span class=heading__anchor> <a href=#2026-04-14>#</a></span></h2><h3 class=heading id=added>Added<span class=heading__anchor> <a href=#added>#</a></span></h3><ul><li>Changelog page linked in the footer beside the copyright notice</li><li>Removed year from footer copyright to keep it cleaner</li></ul><h3 class=heading id=updated>Updated<span class=heading__anchor> <a href=#updated>#</a></span></h3><ul><li>&ldquo;Contents&rdquo; style UniNotes page.</li></ul></main><footer class=footer><p class=footer__copyright-notice>&copy; <a href=https://freedoms4.org>freedoms4.org</a> <a href=/changelog/>Changelog</a></p><p class=footer__theme-info>Built with <a href=https://gohugo.io>Hugo</a> and based on <a href=https://github.com/CyrusYip/hugo-theme-yue>Yue</a> theme</p></footer><script>(function(){var e=document.getElementById("theme-toggle");if(!e)return;function t(){var e=localStorage.getItem("theme");return e?e:window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}function n(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e)}n(t()),e.addEventListener("click",function(){var e=document.documentElement.getAttribute("data-theme")||t();n(e==="dark"?"light":"dark")})})()</script><script>(function(){var e=document.getElementById("mobile-menu-check");if(!e)return;document.addEventListener("click",function(t){if(!e.checked)return;var n=e.closest(".brand__mobile-menu");n&&!n.contains(t.target)&&(e.checked=!1)})})()</script></body></html>

View File

@@ -660,6 +660,124 @@
}
}
/* ── UniNotes Contents Panel ─────────────────────────────────────────────── */
.uninotes-contents {
margin: 1.25rem 0 2rem 0;
border-left: 3px solid var(--accent-color);
padding-left: 1rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.uninotes-contents__semester {
display: flex;
flex-direction: column;
gap: 0.6rem;
}
.uninotes-contents__sem-link {
font-size: 1.11rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--foreground-color3, #888);
text-decoration: none;
}
.uninotes-contents__sem-link:hover {
color: var(--accent-color);
text-decoration: underline;
}
.uninotes-contents__subject {
display: flex;
flex-direction: column;
gap: 0.25rem;
padding-left: 0.5rem;
}
.uninotes-contents__subject-link {
font-size: 0.82rem;
font-weight: 600;
color: var(--foreground-color);
text-decoration: none;
letter-spacing: 0.01em;
}
.uninotes-contents__subject-link:hover {
color: var(--accent-color);
text-decoration: underline;
}
.uninotes-contents__units {
list-style: none;
padding: 0;
margin: 0.15rem 0 0 0.75rem;
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.uninotes-contents__unit {
display: flex;
align-items: center;
gap: 0.55rem;
flex-wrap: wrap;
}
.uninotes-contents__unit-link {
font-size: 0.9rem;
color: var(--foreground-color);
text-decoration: none;
}
.uninotes-contents__unit-link:hover {
color: var(--accent-color);
text-decoration: underline;
}
.uninotes-contents__unit-cats {
display: flex;
gap: 0.3rem;
}
.uninotes-contents__cat {
font-size: 0.65rem;
font-weight: 600;
letter-spacing: 0.04em;
padding: 0.1rem 0.45rem;
border-radius: 999px;
border: 1px solid currentColor;
text-decoration: none;
text-transform: uppercase;
}
.uninotes-contents__cat--self {
color: var(--accent-color);
}
.uninotes-contents__cat--self:hover {
background: var(--accent-color);
color: var(--background-color, #fff);
}
.uninotes-contents__cat--live {
color: var(--accent-color);
}
.uninotes-contents__cat--live:hover {
background: var(--accent-color);
color: var(--background-color, #fff);
}
.uninotes-contents__cat--na {
color: var(--foreground-color3, #888);
opacity: 0.45;
cursor: not-allowed;
}
/* ── Unit Choice Page (Self / Live) ─────────────────────────────────────── */
.unit-choice__subtitle {
@@ -713,16 +831,7 @@
text-decoration: none;
}
.unit-choice__card--live {
border-color: var(--foreground-color3, #888);
opacity: 0.7;
}
.unit-choice__card--live:hover {
background: var(--foreground-color3, #888);
border-color: var(--foreground-color3, #888);
color: var(--background-color, #fff);
}
/* .unit-choice__card--live intentionally matches .unit-choice__card — no overrides */
.unit-choice__icon {
display: flex;
@@ -755,10 +864,14 @@
}
.unit-choice__card--unavailable {
border-color: var(--foreground-color3, #888);
color: var(--foreground-color3, #888);
cursor: not-allowed;
opacity: 0.45;
}
.unit-choice__card--unavailable:hover {
background: transparent;
color: var(--foreground-color3, #888);
transform: none;
}

View File

@@ -1,774 +0,0 @@
/*
Styles are mobile-first. Desktop styles are wrapped in media queries.
Naming convention: BEM (Block, Element, Modifier). When it's difficult to add classes, I will use tag names.
*/
*,
*::before,
*::after {
box-sizing: border-box; }
.body {
margin: 0; }
a {
text-decoration: none; }
.menu__list,
.translation-list,
.pagination {
list-style-type: none;
padding-inline-start: 0; }
ul:has(> li > input[type="checkbox"]) {
list-style-type: none;
padding-inline-start: 1em; }
blockquote {
margin: 0; }
.body {
margin-left: 16px;
margin-right: 16px; }
@media (min-width: 800px) {
.body {
width: 768px;
margin-left: auto;
margin-right: auto; } }
:root {
--background-color: #171414;
--background-color1: #fff;
--foreground-color: #e3e1db;
--foreground-color3: #ccc3b3;
--accent-color: #fff; }
@media (prefers-color-scheme: light) {
:root {
--background-color: #fbf1c7;
--background-color1: #ebdbb2;
--foreground-color: #3c3836;
--foreground-color3: #665c54;
--accent-color: #af3a03; } }
.body {
background-color: var(--background-color);
color: var(--foreground-color); }
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--foreground-color); }
a {
color: var(--accent-color); }
.header {
border-bottom: 1px solid var(--background-color1); }
.brand {
display: flex;
align-items: center;
gap: 6.9px;
margin-bottom: -18px; }
.brand img {
height: 37px;
padding: 0px; }
.footer {
border-top: 1px solid var(--background-color1); }
blockquote {
background-color: var(--background-color1); }
[dir=rtl] blockquote {
border-right: 0.5rem solid var(--accent-color); }
[dir=ltr] blockquote {
border-left: 0.5rem solid var(--accent-color); }
:not(pre) > code {
background-color: var(--background-color1); }
hr {
background: var(--background-color1); }
table {
background-color: var(--background-color1); }
td,
th {
border: 1px solid var(--background-color); }
figcaption {
color: var(--foreground-color3); }
/* Background */
.bg {
color: #3c3836;
background-color: #fbf1c7; }
/* PreWrapper */
.chroma {
color: #3c3836;
background-color: #fbf1c7; }
/* Other */
/* Error */
/* CodeLine */
/* LineLink */
.chroma .lnlinks {
outline: none;
text-decoration: none;
color: inherit; }
/* LineTableTD */
.chroma .lntd {
vertical-align: top;
padding: 0;
margin: 0;
border: 0; }
/* LineTable */
.chroma .lntable {
border-spacing: 0;
padding: 0;
margin: 0;
border: 0; }
/* LineHighlight */
.chroma .hl {
background-color: #e1d8b3; }
/* LineNumbersTable */
.chroma .lnt {
white-space: pre;
-webkit-user-select: none;
user-select: none;
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
color: #9d9b9a; }
/* LineNumbers */
.chroma .ln {
white-space: pre;
-webkit-user-select: none;
user-select: none;
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
color: #9d9b9a; }
/* Line */
.chroma .line {
display: flex; }
/* Keyword */
.chroma .k {
color: #af3a03; }
/* KeywordConstant */
.chroma .kc {
color: #af3a03; }
/* KeywordDeclaration */
.chroma .kd {
color: #af3a03; }
/* KeywordNamespace */
.chroma .kn {
color: #af3a03; }
/* KeywordPseudo */
.chroma .kp {
color: #af3a03; }
/* KeywordReserved */
.chroma .kr {
color: #af3a03; }
/* KeywordType */
.chroma .kt {
color: #b57614; }
/* Name */
/* NameAttribute */
.chroma .na {
color: #79740e;
font-weight: bold; }
/* NameBuiltin */
.chroma .nb {
color: #b57614; }
/* NameBuiltinPseudo */
/* NameClass */
/* NameConstant */
.chroma .no {
color: #d3869b; }
/* NameDecorator */
/* NameEntity */
.chroma .ni {
color: #b57614; }
/* NameException */
.chroma .ne {
color: #fb4934; }
/* NameFunction */
.chroma .nf {
color: #b57614; }
/* NameFunctionMagic */
/* NameLabel */
.chroma .nl {
color: #9d0006; }
/* NameNamespace */
/* NameOther */
/* NameProperty */
/* NameTag */
.chroma .nt {
color: #9d0006; }
/* NameVariable */
/* NameVariableClass */
/* NameVariableGlobal */
/* NameVariableInstance */
/* NameVariableMagic */
/* Literal */
/* LiteralDate */
/* LiteralString */
.chroma .s {
color: #79740e; }
/* LiteralStringAffix */
.chroma .sa {
color: #79740e; }
/* LiteralStringBacktick */
.chroma .sb {
color: #79740e; }
/* LiteralStringChar */
.chroma .sc {
color: #79740e; }
/* LiteralStringDelimiter */
.chroma .dl {
color: #79740e; }
/* LiteralStringDoc */
.chroma .sd {
color: #79740e; }
/* LiteralStringDouble */
.chroma .s2 {
color: #79740e; }
/* LiteralStringEscape */
.chroma .se {
color: #79740e; }
/* LiteralStringHeredoc */
.chroma .sh {
color: #79740e; }
/* LiteralStringInterpol */
.chroma .si {
color: #79740e; }
/* LiteralStringOther */
.chroma .sx {
color: #79740e; }
/* LiteralStringRegex */
.chroma .sr {
color: #79740e; }
/* LiteralStringSingle */
.chroma .s1 {
color: #79740e; }
/* LiteralStringSymbol */
.chroma .ss {
color: #076678; }
/* LiteralNumber */
.chroma .m {
color: #8f3f71; }
/* LiteralNumberBin */
.chroma .mb {
color: #8f3f71; }
/* LiteralNumberFloat */
.chroma .mf {
color: #8f3f71; }
/* LiteralNumberHex */
.chroma .mh {
color: #8f3f71; }
/* LiteralNumberInteger */
.chroma .mi {
color: #8f3f71; }
/* LiteralNumberIntegerLong */
.chroma .il {
color: #8f3f71; }
/* LiteralNumberOct */
.chroma .mo {
color: #8f3f71; }
/* Operator */
.chroma .o {
color: #af3a03; }
/* OperatorWord */
.chroma .ow {
color: #af3a03; }
/* Punctuation */
/* Comment */
.chroma .c {
color: #928374;
font-style: italic; }
/* CommentHashbang */
.chroma .ch {
color: #928374;
font-style: italic; }
/* CommentMultiline */
.chroma .cm {
color: #928374;
font-style: italic; }
/* CommentSingle */
.chroma .c1 {
color: #928374;
font-style: italic; }
/* CommentSpecial */
.chroma .cs {
color: #928374;
font-style: italic; }
/* CommentPreproc */
.chroma .cp {
color: #427b58; }
/* CommentPreprocFile */
.chroma .cpf {
color: #427b58;
font-style: italic; }
/* Generic */
/* GenericDeleted */
.chroma .gd {
color: #282828;
background-color: #9d0006; }
/* GenericEmph */
.chroma .ge {
color: #076678;
text-decoration: underline; }
/* GenericError */
.chroma .gr {
background-color: #9d0006;
font-weight: bold; }
/* GenericHeading */
.chroma .gh {
color: #79740e;
font-weight: bold; }
/* GenericInserted */
.chroma .gi {
color: #282828;
background-color: #79740e; }
/* GenericOutput */
.chroma .go {
color: #504945; }
/* GenericPrompt */
/* GenericStrong */
/* GenericSubheading */
.chroma .gu {
color: #79740e;
font-weight: bold; }
/* GenericTraceback */
.chroma .gt {
background-color: #3c3836;
font-weight: bold; }
/* GenericUnderline */
/* TextWhitespace */
@media (prefers-color-scheme: dark) {
/* Background */
.bg {
color: #ebdbb2;
background-color: #282828; }
/* PreWrapper */
.chroma {
color: #ebdbb2;
background-color: #282828; }
/* Other */
/* Error */
/* CodeLine */
/* LineLink */
.chroma .lnlinks {
outline: none;
text-decoration: none;
color: inherit; }
/* LineTableTD */
.chroma .lntd {
vertical-align: top;
padding: 0;
margin: 0;
border: 0; }
/* LineTable */
.chroma .lntable {
border-spacing: 0;
padding: 0;
margin: 0;
border: 0; }
/* LineHighlight */
.chroma .hl {
background-color: #3d3d3d; }
/* LineNumbersTable */
.chroma .lnt {
white-space: pre;
-webkit-user-select: none;
user-select: none;
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
color: #756d59; }
/* LineNumbers */
.chroma .ln {
white-space: pre;
-webkit-user-select: none;
user-select: none;
margin-right: 0.4em;
padding: 0 0.4em 0 0.4em;
color: #756d59; }
/* Line */
.chroma .line {
display: flex; }
/* Keyword */
.chroma .k {
color: #fe8019; }
/* KeywordConstant */
.chroma .kc {
color: #fe8019; }
/* KeywordDeclaration */
.chroma .kd {
color: #fe8019; }
/* KeywordNamespace */
.chroma .kn {
color: #fe8019; }
/* KeywordPseudo */
.chroma .kp {
color: #fe8019; }
/* KeywordReserved */
.chroma .kr {
color: #fe8019; }
/* KeywordType */
.chroma .kt {
color: #fabd2f; }
/* Name */
/* NameAttribute */
.chroma .na {
color: #b8bb26;
font-weight: bold; }
/* NameBuiltin */
.chroma .nb {
color: #fabd2f; }
/* NameBuiltinPseudo */
/* NameClass */
/* NameConstant */
.chroma .no {
color: #d3869b; }
/* NameDecorator */
/* NameEntity */
.chroma .ni {
color: #fabd2f; }
/* NameException */
.chroma .ne {
color: #fb4934; }
/* NameFunction */
.chroma .nf {
color: #fabd2f; }
/* NameFunctionMagic */
/* NameLabel */
.chroma .nl {
color: #fb4934; }
/* NameNamespace */
/* NameOther */
/* NameProperty */
/* NameTag */
.chroma .nt {
color: #fb4934; }
/* NameVariable */
/* NameVariableClass */
/* NameVariableGlobal */
/* NameVariableInstance */
/* NameVariableMagic */
/* Literal */
/* LiteralDate */
/* LiteralString */
.chroma .s {
color: #b8bb26; }
/* LiteralStringAffix */
.chroma .sa {
color: #b8bb26; }
/* LiteralStringBacktick */
.chroma .sb {
color: #b8bb26; }
/* LiteralStringChar */
.chroma .sc {
color: #b8bb26; }
/* LiteralStringDelimiter */
.chroma .dl {
color: #b8bb26; }
/* LiteralStringDoc */
.chroma .sd {
color: #b8bb26; }
/* LiteralStringDouble */
.chroma .s2 {
color: #b8bb26; }
/* LiteralStringEscape */
.chroma .se {
color: #b8bb26; }
/* LiteralStringHeredoc */
.chroma .sh {
color: #b8bb26; }
/* LiteralStringInterpol */
.chroma .si {
color: #b8bb26; }
/* LiteralStringOther */
.chroma .sx {
color: #b8bb26; }
/* LiteralStringRegex */
.chroma .sr {
color: #b8bb26; }
/* LiteralStringSingle */
.chroma .s1 {
color: #b8bb26; }
/* LiteralStringSymbol */
.chroma .ss {
color: #83a598; }
/* LiteralNumber */
.chroma .m {
color: #d3869b; }
/* LiteralNumberBin */
.chroma .mb {
color: #d3869b; }
/* LiteralNumberFloat */
.chroma .mf {
color: #d3869b; }
/* LiteralNumberHex */
.chroma .mh {
color: #d3869b; }
/* LiteralNumberInteger */
.chroma .mi {
color: #d3869b; }
/* LiteralNumberIntegerLong */
.chroma .il {
color: #d3869b; }
/* LiteralNumberOct */
.chroma .mo {
color: #d3869b; }
/* Operator */
.chroma .o {
color: #fe8019; }
/* OperatorWord */
.chroma .ow {
color: #fe8019; }
/* Punctuation */
/* Comment */
.chroma .c {
color: #928374;
font-style: italic; }
/* CommentHashbang */
.chroma .ch {
color: #928374;
font-style: italic; }
/* CommentMultiline */
.chroma .cm {
color: #928374;
font-style: italic; }
/* CommentSingle */
.chroma .c1 {
color: #928374;
font-style: italic; }
/* CommentSpecial */
.chroma .cs {
color: #928374;
font-style: italic; }
/* CommentPreproc */
.chroma .cp {
color: #8ec07c; }
/* CommentPreprocFile */
.chroma .cpf {
color: #8ec07c;
font-style: italic; }
/* Generic */
/* GenericDeleted */
.chroma .gd {
color: #282828;
background-color: #fb4934; }
/* GenericEmph */
.chroma .ge {
color: #83a598;
text-decoration: underline; }
/* GenericError */
.chroma .gr {
background-color: #fb4934;
font-weight: bold; }
/* GenericHeading */
.chroma .gh {
color: #b8bb26;
font-weight: bold; }
/* GenericInserted */
.chroma .gi {
color: #282828;
background-color: #b8bb26; }
/* GenericOutput */
.chroma .go {
color: #504945; }
/* GenericPrompt */
/* GenericStrong */
/* GenericSubheading */
.chroma .gu {
color: #b8bb26;
font-weight: bold; }
/* GenericTraceback */
.chroma .gt {
background-color: #fb4934;
font-weight: bold; }
/* GenericUnderline */
/* TextWhitespace */ }
pre:not(.chroma),
.bg,
.chroma,
.highlight {
background-color: var(--background-color1); }
.html {
font-size: 18px; }
.body {
font-family: sans-serif;
line-height: 1.5; }
p,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6 {
overflow-wrap: break-word; }
.toc {
margin-block: 1rem; }
.toc__summary {
font-weight: bolder;
cursor: pointer; }
blockquote {
padding: 0.5rem; }
hr {
border: none;
height: 1px; }
figure {
margin-inline: 0; }
.heading__anchor {
display: none; }
.heading:hover > .heading__anchor {
display: inline; }
.table-wrapper {
overflow-x: auto;
margin-block: 1rem; }
.table-wrapper > table {
word-break: keep-all;
border-collapse: collapse; }
.table-wrapper > table td,
.table-wrapper > table th {
padding: 0.5rem;
text-align: start; }
svg,
img,
video,
iframe {
max-width: 100%; }
.menu__list {
display: flex;
flex-direction: row;
gap: 0.5rem;
flex-wrap: wrap; }
.menu__link--active {
font-weight: bolder; }
.pagination {
display: flex;
gap: 1rem; }
.page-item.active {
font-weight: bolder; }
.page-nav {
display: flex;
flex-direction: column;
margin-block: 1rem; }
.section-post-title,
.term-post-title {
margin-block-start: 0; }
.home-post-title {
margin-block-end: 0; }
.summary {
margin-block-start: 0; }
:not(pre) > code {
padding-inline: 0.25rem; }
div.highlight {
overflow-x: auto;
margin-block: 1rem; }
div.highlight > div.chroma > table.lntable {
padding-inline-end: 0.4rem; }
div.highlight > pre.chroma {
padding-inline: 0.4rem; }
pre:not(.chroma) {
overflow-x: auto;
padding-block: 1rem;
padding-inline: 0.4rem; }
pre {
font-size: 0.875rem; }
.footer {
font-size: smaller; }

View File

@@ -7,4 +7,18 @@
<label class=brand__mobile-toggle for=mobile-menu-check aria-label=Menu><svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg></label><div class=brand__mobile-links><a href=/login/ class=mobile-link>Login</a>
<a href=/signup/ class=mobile-link>Sign Up</a>
<a href=/uninotes/index.xml class="mobile-link mobile-link--subscribe"><svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor" aria-hidden="true"><path d="M6.18 15.64a2.18 2.18.0 012.18 2.18c0 1.19-.98 2.18-2.18 2.18C4.98 20 4 19.01 4 17.82a2.18 2.18.0 012.18-2.18M4 4.44A15.56 15.56.0 0119.56 20h-2.83A12.73 12.73.0 004 7.27V4.44m0 5.66a9.9 9.9.0 019.9 9.9h-2.83A7.07 7.07.0 004 12.93V10.1z"/></svg>
Subscribe</a></div></div></div></div><nav class="menu language"><ul class="menu__list language__list"><li class=menu__item><a class=menu__link href=/>Home</a></li><li class=menu__item><a class=menu__link href=/blog/>Blog</a></li><li class=menu__item><a class=menu__link href=/services/>Services</a></li><li class=menu__item><a class=menu__link href=/uninotes/>UniNotes</a></li><li class=menu__item><a class=menu__link href=/contact/>Contact</a></li></ul></nav></header><main class=main><nav class="uninotes-breadcrumbs breadcrumbs"><a href=/uninotes/>UniNotes</a></nav><h1>UniNotes</h1><ul class=uninotes-list><li class=uninotes-list__item><a class=uninotes-list__link href=/uninotes/s1/>S1</a></li></ul></main><footer class=footer><p class=footer__copyright-notice>&copy; <a href=https://freedoms4.org>freedoms4.org</a> <a href=/changelog/>Changelog</a></p><p class=footer__theme-info>Built with <a href=https://gohugo.io>Hugo</a> and based on <a href=https://github.com/CyrusYip/hugo-theme-yue>Yue</a> theme</p></footer><script>(function(){var e=document.getElementById("theme-toggle");if(!e)return;function t(){var e=localStorage.getItem("theme");return e?e:window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}function n(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e)}n(t()),e.addEventListener("click",function(){var e=document.documentElement.getAttribute("data-theme")||t();n(e==="dark"?"light":"dark")})})()</script><script>(function(){var e=document.getElementById("mobile-menu-check");if(!e)return;document.addEventListener("click",function(t){if(!e.checked)return;var n=e.closest(".brand__mobile-menu");n&&!n.contains(t.target)&&(e.checked=!1)})})()</script></body></html>
Subscribe</a></div></div></div></div><nav class="menu language"><ul class="menu__list language__list"><li class=menu__item><a class=menu__link href=/>Home</a></li><li class=menu__item><a class=menu__link href=/blog/>Blog</a></li><li class=menu__item><a class=menu__link href=/services/>Services</a></li><li class=menu__item><a class=menu__link href=/uninotes/>UniNotes</a></li><li class=menu__item><a class=menu__link href=/contact/>Contact</a></li></ul></nav></header><main class=main><nav class="uninotes-breadcrumbs breadcrumbs"><a href=/uninotes/>UniNotes</a></nav><h1>UniNotes</h1><h3>Contents</h3><div class=uninotes-contents><div class=uninotes-contents__semester><a class=uninotes-contents__sem-link href=/uninotes/s1/>S1</a><div class=uninotes-contents__subject><a class=uninotes-contents__subject-link href=/uninotes/s1/bo-dcm1109/>BO DCM1109</a><ul class=uninotes-contents__units><li class=uninotes-contents__unit><a class=uninotes-contents__unit-link href=/uninotes/s1/bo-dcm1109/unit1/>Unit 1</a>
<span class=uninotes-contents__unit-cats><a class="uninotes-contents__cat uninotes-contents__cat--self" href=/uninotes/s1/bo-dcm1109/unit1/self/>Self</a>
<span class="uninotes-contents__cat uninotes-contents__cat--na">Live</span></span></li><li class=uninotes-contents__unit><a class=uninotes-contents__unit-link href=/uninotes/s1/bo-dcm1109/unit2/>Unit 2</a>
<span class=uninotes-contents__unit-cats><a class="uninotes-contents__cat uninotes-contents__cat--self" href=/uninotes/s1/bo-dcm1109/unit2/self/>Self</a>
<span class="uninotes-contents__cat uninotes-contents__cat--na">Live</span></span></li></ul></div><div class=uninotes-contents__subject><a class=uninotes-contents__subject-link href=/uninotes/s1/et-dcm1107/>ET DCM1107</a><ul class=uninotes-contents__units><li class=uninotes-contents__unit><a class=uninotes-contents__unit-link href=/uninotes/s1/et-dcm1107/unit1/>Unit 1</a>
<span class=uninotes-contents__unit-cats><span class="uninotes-contents__cat uninotes-contents__cat--na">Self</span>
<a class="uninotes-contents__cat uninotes-contents__cat--live" href=/uninotes/s1/et-dcm1107/unit1/live/>Live</a></span></li><li class=uninotes-contents__unit><a class=uninotes-contents__unit-link href=/uninotes/s1/et-dcm1107/unit2/>Unit 2</a>
<span class=uninotes-contents__unit-cats><span class="uninotes-contents__cat uninotes-contents__cat--na">Self</span>
<a class="uninotes-contents__cat uninotes-contents__cat--live" href=/uninotes/s1/et-dcm1107/unit2/live/>Live</a></span></li></ul></div><div class=uninotes-contents__subject><a class=uninotes-contents__subject-link href=/uninotes/s1/ge-dcm1106/>GE DCM1106</a><ul class=uninotes-contents__units><li class=uninotes-contents__unit><a class=uninotes-contents__unit-link href=/uninotes/s1/ge-dcm1106/unit1/>Unit 1</a>
<span class=uninotes-contents__unit-cats><span class="uninotes-contents__cat uninotes-contents__cat--na">Self</span>
<a class="uninotes-contents__cat uninotes-contents__cat--live" href=/uninotes/s1/ge-dcm1106/unit1/live/>Live</a></span></li></ul></div><div class=uninotes-contents__subject><a class=uninotes-contents__subject-link href=/uninotes/s1/pbm-dcm1110/>PBM DCM1110</a><ul class=uninotes-contents__units><li class=uninotes-contents__unit><a class=uninotes-contents__unit-link href=/uninotes/s1/pbm-dcm1110/unit1/>Unit 1</a>
<span class=uninotes-contents__unit-cats><a class="uninotes-contents__cat uninotes-contents__cat--self" href=/uninotes/s1/pbm-dcm1110/unit1/self/>Self</a>
<a class="uninotes-contents__cat uninotes-contents__cat--live" href=/uninotes/s1/pbm-dcm1110/unit1/live/>Live</a></span></li><li class=uninotes-contents__unit><a class=uninotes-contents__unit-link href=/uninotes/s1/pbm-dcm1110/unit2/>Unit 2</a>
<span class=uninotes-contents__unit-cats><a class="uninotes-contents__cat uninotes-contents__cat--self" href=/uninotes/s1/pbm-dcm1110/unit2/self/>Self</a>
<span class="uninotes-contents__cat uninotes-contents__cat--na">Live</span></span></li></ul></div></div></div></main><footer class=footer><p class=footer__copyright-notice>&copy; <a href=https://freedoms4.org>freedoms4.org</a> <a href=/changelog/>Changelog</a></p><p class=footer__theme-info>Built with <a href=https://gohugo.io>Hugo</a> and based on <a href=https://github.com/CyrusYip/hugo-theme-yue>Yue</a> theme</p></footer><script>(function(){var e=document.getElementById("theme-toggle");if(!e)return;function t(){var e=localStorage.getItem("theme");return e?e:window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}function n(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e)}n(t()),e.addEventListener("click",function(){var e=document.documentElement.getAttribute("data-theme")||t();n(e==="dark"?"light":"dark")})})()</script><script>(function(){var e=document.getElementById("mobile-menu-check");if(!e)return;document.addEventListener("click",function(t){if(!e.checked)return;var n=e.closest(".brand__mobile-menu");n&&!n.contains(t.target)&&(e.checked=!1)})})()</script></body></html>

View File

@@ -9,6 +9,6 @@
<a href=/uninotes/s1/pbm-dcm1110/unit1/index.xml class="mobile-link mobile-link--subscribe"><svg viewBox="0 0 24 24" width="12" height="12" fill="currentColor" aria-hidden="true"><path d="M6.18 15.64a2.18 2.18.0 012.18 2.18c0 1.19-.98 2.18-2.18 2.18C4.98 20 4 19.01 4 17.82a2.18 2.18.0 012.18-2.18M4 4.44A15.56 15.56.0 0119.56 20h-2.83A12.73 12.73.0 004 7.27V4.44m0 5.66a9.9 9.9.0 019.9 9.9h-2.83A7.07 7.07.0 004 12.93V10.1z"/></svg>
Subscribe</a></div></div></div></div><nav class="menu language"><ul class="menu__list language__list"><li class=menu__item><a class=menu__link href=/>Home</a></li><li class=menu__item><a class=menu__link href=/blog/>Blog</a></li><li class=menu__item><a class=menu__link href=/services/>Services</a></li><li class=menu__item><a class=menu__link href=/uninotes/>UniNotes</a></li><li class=menu__item><a class=menu__link href=/contact/>Contact</a></li></ul></nav></header><main class=main><nav class="uninotes-breadcrumbs breadcrumbs"><a href=/uninotes/>UniNotes</a>
<a href=/uninotes/s1/>S1</a>
<a href=/uninotes/s1/ge-dcm1106/>GE DCM1106</a>
<a href=/uninotes/s1/pbm-dcm1110/>PBM DCM1110</a>
<span>Unit 1</span></nav><div class=uninotes-meta><span class=uninotes-meta__pill>S1</span>
<span class=uninotes-meta__pill>GE DCM1106</span></div><h1>Unit 1</h1><p class=unit-choice__subtitle>Choose type:</p><div class=unit-choice__options><div class="unit-choice__card unit-choice__card--self unit-choice__card--unavailable"><div class=unit-choice__icon><svg viewBox="0 0 24 24" width="32" height="32" fill="currentColor"><path d="M12 3 1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9L12 3zm6.82 6L12 12.72 5.18 9 12 5.28 18.82 9zM17 15.99l-5 2.73-5-2.73v-3.72L12 15l5-2.73v3.72z"/></svg></div><div class=unit-choice__label>Self</div><div class=unit-choice__desc>Not available</div></div><a class="unit-choice__card unit-choice__card--live" href=/uninotes/s1/pbm-dcm1110/unit1/live/><div class=unit-choice__icon><svg viewBox="0 0 24 24" width="32" height="32" fill="currentColor"><path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55.0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55.0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/></svg></div><div class=unit-choice__label>Live</div><div class=unit-choice__desc>Live class notes</div></a></div></main><footer class=footer><p class=footer__copyright-notice>&copy; <a href=https://freedoms4.org>freedoms4.org</a> <a href=/changelog/>Changelog</a></p><p class=footer__theme-info>Built with <a href=https://gohugo.io>Hugo</a> and based on <a href=https://github.com/CyrusYip/hugo-theme-yue>Yue</a> theme</p></footer><script>(function(){var e=document.getElementById("theme-toggle");if(!e)return;function t(){var e=localStorage.getItem("theme");return e?e:window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}function n(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e)}n(t()),e.addEventListener("click",function(){var e=document.documentElement.getAttribute("data-theme")||t();n(e==="dark"?"light":"dark")})})()</script><script>(function(){var e=document.getElementById("mobile-menu-check");if(!e)return;document.addEventListener("click",function(t){if(!e.checked)return;var n=e.closest(".brand__mobile-menu");n&&!n.contains(t.target)&&(e.checked=!1)})})()</script></body></html>
<span class=uninotes-meta__pill>PBM DCM1110</span></div><h1>Unit 1</h1><p class=unit-choice__subtitle>Choose type:</p><div class=unit-choice__options><a class="unit-choice__card unit-choice__card--self" href=/uninotes/s1/pbm-dcm1110/unit1/self/><div class=unit-choice__icon><svg viewBox="0 0 24 24" width="32" height="32" fill="currentColor"><path d="M12 3 1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9L12 3zm6.82 6L12 12.72 5.18 9 12 5.28 18.82 9zM17 15.99l-5 2.73-5-2.73v-3.72L12 15l5-2.73v3.72z"/></svg></div><div class=unit-choice__label>Self</div><div class=unit-choice__desc>Self-study notes</div></a><a class="unit-choice__card unit-choice__card--live" href=/uninotes/s1/pbm-dcm1110/unit1/live/><div class=unit-choice__icon><svg viewBox="0 0 24 24" width="32" height="32" fill="currentColor"><path d="M17 10.5V7c0-.55-.45-1-1-1H4c-.55.0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55.0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/></svg></div><div class=unit-choice__label>Live</div><div class=unit-choice__desc>Live class notes</div></a></div></main><footer class=footer><p class=footer__copyright-notice>&copy; <a href=https://freedoms4.org>freedoms4.org</a> <a href=/changelog/>Changelog</a></p><p class=footer__theme-info>Built with <a href=https://gohugo.io>Hugo</a> and based on <a href=https://github.com/CyrusYip/hugo-theme-yue>Yue</a> theme</p></footer><script>(function(){var e=document.getElementById("theme-toggle");if(!e)return;function t(){var e=localStorage.getItem("theme");return e?e:window.matchMedia("(prefers-color-scheme: light)").matches?"light":"dark"}function n(e){document.documentElement.setAttribute("data-theme",e),localStorage.setItem("theme",e)}n(t()),e.addEventListener("click",function(){var e=document.documentElement.getAttribute("data-theme")||t();n(e==="dark"?"light":"dark")})})()</script><script>(function(){var e=document.getElementById("mobile-menu-check");if(!e)return;document.addEventListener("click",function(t){if(!e.checked)return;var n=e.closest(".brand__mobile-menu");n&&!n.contains(t.target)&&(e.checked=!1)})})()</script></body></html>