Skip to content

Korda edits - Freshers 2026 - #5

Draft
English-Garfield wants to merge 5 commits into
nottinghamtec:mainfrom
English-Garfield:KordaEdits
Draft

English-Garfield wants to merge 5 commits into
nottinghamtec:mainfrom
English-Garfield:KordaEdits

Conversation

@English-Garfield

Copy link
Copy Markdown

Expanded on the work Ben did but kept it in HTML and CSS.

Updates to the formatting, allows for dark mode and light mode, lazy on the loading and .webp over .png (Credit to james cook for the suggestions). Cleaned up to look like a linktree without being one

Comments over what to change next year to make it correct for those NMI dates in the index.html file

Working on apple and google wallet passes if techies are interested

Isaac Korda added 4 commits August 13, 2026 15:47
…CSS look like a traditional link tree

Dark mode support too with alt logo
…hanged pngs to webp; made loading lazy at the suggestion of mr Cook;

Comments on how to change the calendar links for next year
Copilot AI lite review requested due to automatic review settings August 13, 2026 15:24

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR refreshes the TEC “links” landing page to a more modern, linktree-style layout using only HTML/CSS, adding light/dark theming and updated assets/links.

Changes:

  • Reworked main.css with CSS variables, improved layout, and dark-mode support via prefers-color-scheme.
  • Restructured index.html into a profile header + social pills + link list, including inline downloadable calendar (.ics) links and WebP logos.

Reviewed changes

Copilot reviewed 2 out of 4 changed files in this pull request and generated 4 comments.

File Description
main.css Introduces a tokenized theme (light/dark), updated layout styles, and interactive/focus styles for links/socials.
index.html Replaces the old list layout with a new profile + links structure, adds social links, logos, and inline calendar downloads.
Suppressed comments (4)

index.html:18

  • The '&amp' entity reference is missing its terminating semicolon. Use '&' for correct and unambiguous HTML parsing.
        <p class="taster">Join us for New Member Inductions &amp Taster Sessions</p>

index.html:46

  • In the data: URL, the charset parameter should be the standard 'utf-8' (not 'utf8') for best compatibility with URI parsers and tools.
            <a href="data:text/calendar;charset=utf8,BEGIN%3AVCALENDAR%0D%0AVERSION%3A2.0%0D%0APRODID%3A-//tec.uonsu.com//Event//EN%0D%0ACALSCALE%3AGREGORIAN%0D%0AMETHOD%3APUBLISH%0D%0ABEGIN%3AVEVENT%0D%0AUID%3Atec-taster-29sept2026%40uonsu.com%0D%0ADTSTAMP%3A20260808T190000Z%0D%0ADTSTART%3A20260929T170000Z%0D%0ADTEND%3A20260929T190000Z%0D%0ASUMMARY%3ATEC%20Taster%20-%2029%20Sept%2C%206pm%0D%0ALOCATION%3APortland%20Building%2C%20East%20Dr%2C%20Nottingham%20NG7%202QH%2C%20UK%0D%0ADESCRIPTION%3AJoin%20us%20for%20an%20introduction%20to%20what%20TEC%20does%20and%20how%20you%20can%20get%20backstage%20access%20to%20some%20of%20the%20largest%20UoNSU%20events%20and%20varsity%20events%21%0D%0AEND%3AVEVENT%0D%0AEND%3AVCALENDAR%0D%0A"

index.html:39

  • The '&amp' entity reference is missing its terminating semicolon. Use '&' for correct and unambiguous HTML parsing.
                <span class="label">NMI &amp Taster — 27 Sept 1300 Portland Welcome Zone</span>

index.html:49

  • The '&amp' entity reference is missing its terminating semicolon. Use '&' for correct and unambiguous HTML parsing.
                <span class="label">NMI &amp Taster — 29 Sept 1800 Portland Welcome Zone</span>

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread index.html
Comment on lines 10 to 12

<body>
<div class="outer">
<div class="center-horizontal">
</div>
<div class="list-wrapper">

<div class="item"><a href="https://www.nottinghamtec.co.uk/">
<h3>Main website</h3>
<p>www.nottinghamtec.co.uk/</p>
</a>
</div>

<div class="item"><a href=mailto:info@nottinghamtec.co.uk?>
<h3>Client enquires</h3>
<p>info@nottinghamtec.co.uk</p>
</a>
</div>


<div class="item"><a href="https://join.nottinghamtec.co.uk/">
<h3>Become a member</h3>
<p>join.nottinghamtec.co.uk/</p>
</a>
</div>
<div class="page">

Comment thread index.html
Comment on lines +79 to +80
</div>
</html>
Comment thread index.html
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TEC PA & Lighting Links</title>
Comment thread index.html
<ul class="links">
<li class="highlight">
<!-- Generate a new .ics file from your calendar app of choice and change the href with the one it gives you-->
<a href="data:text/calendar;charset=utf8,BEGIN%3AVCALENDAR%0D%0AVERSION%3A2.0%0D%0APRODID%3A-//tec.uonsu.com//Event//EN%0D%0ACALSCALE%3AGREGORIAN%0D%0AMETHOD%3APUBLISH%0D%0ABEGIN%3AVEVENT%0D%0AUID%3Atec-taster-27sept2026%40uonsu.com%0D%0ADTSTAMP%3A20260808T190000Z%0D%0ADTSTART%3A20260927T120000Z%0D%0ADTEND%3A20260927T140000Z%0D%0ASUMMARY%3ATEC%20Taster%20-%2027%20Sept%2C%201pm%0D%0ALOCATION%3APortland%20Building%2C%20East%20Dr%2C%20Nottingham%20NG7%202QH%2C%20UK%0D%0ADESCRIPTION%3AJoin%20us%20for%20an%20introduction%20to%20what%20TEC%20does%20and%20how%20you%20can%20get%20backstage%20access%20to%20some%20of%20the%20largest%20UoNSU%20events%20and%20varsity%20events%21%0D%0AEND%3AVEVENT%0D%0AEND%3AVCALENDAR%0D%0A"
@English-Garfield
English-Garfield marked this pull request as draft August 13, 2026 15:31
@English-Garfield

English-Garfield commented Aug 13, 2026

Copy link
Copy Markdown
Author

waiting till we have confirmed NMI dates and locations before I'd like it merging

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants