Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added public/25-26-excos.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/25-26-roadmap.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
52 changes: 0 additions & 52 deletions public/favicon.svg

This file was deleted.

Binary file added public/favicon_io/android-chrome-192x192.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/favicon_io/android-chrome-512x512.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/favicon_io/apple-touch-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/favicon_io/favicon-16x16.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/favicon_io/favicon-32x32.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/favicon_io/favicon.ico
Binary file not shown.
1 change: 1 addition & 0 deletions public/favicon_io/site.webmanifest
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
{"name":"","short_name":"","icons":[{"src":"/favicon_io/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/favicon_io/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
Binary file added public/how-to-get-involved-banner.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/past-present-partners.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed public/placeholder-light.png
Binary file not shown.
181 changes: 0 additions & 181 deletions public/placeholder/illustrator-dark.svg

This file was deleted.

179 changes: 0 additions & 179 deletions public/placeholder/illustrator-light.svg

This file was deleted.

Binary file added public/simitc-banner.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions src/assets/svg/itc-logo-profile-bg.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 changes: 7 additions & 2 deletions src/components/BaseHead.astro
Original file line number Diff line number Diff line change
Expand Up @@ -10,13 +10,18 @@ interface Props {

const canonicalURL = new URL(Astro.url.pathname, Astro.site);

const { title, description, image = '/placeholder-light.png' } = Astro.props;
const { title, description, image = '/simitc-banner.jpg' } = Astro.props;
---

<!-- Global Metadata -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="/favicon_io/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon_io/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon_io/favicon-16x16.png">
<link rel="manifest" href="/favicon_io/site.webmanifest">
<link rel="icon" href="/favicon_io/favicon.ico">
<meta name="generator" content={Astro.generator} />

<!-- Font preloads -->
Expand Down
2 changes: 1 addition & 1 deletion src/components/Footer.astro
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ const today = new Date();
<footer>
<div class="social-links">
{
<a href='https://www.linkedin.com/in/sim-it-club/' target='_blank'>
<a href='https://www.linkedin.com/company/sim-information-technology-club/' target='_blank'>
<span class='sr-only'>Follow SIM IT Club on LinkedIn</span>
<Icon title="LinkedIn" name='bi:linkedin' />
</a>
Expand Down
23 changes: 11 additions & 12 deletions src/components/Header.astro
Original file line number Diff line number Diff line change
@@ -1,21 +1,20 @@
---
import HeaderLink from './HeaderLink.astro';
import ThemeRadio from './ThemeRadio.astro';
import { SITE_TITLE } from '../consts';
import { Icon } from 'astro-icon/components';
import HeaderLink from "./HeaderLink.astro";
import ThemeRadio from "./ThemeRadio.astro";
import { SITE_TITLE } from "../consts";
import itcLogo from "../assets/svg/itc-logo-profile-bg.svg";
---

<header>
<nav class="columns">
<a href='/'>
<h2 class='sr-only'>{SITE_TITLE}</h2>
<Icon class='light-only logo' name='simitclub-light' />
<Icon class='dark-only logo' name='simitclub-dark' />
<a href="/">
<h2 class="sr-only">{SITE_TITLE}</h2>
<img src={itcLogo.src} alt="ITC Logo" class="logo" />
</a>
<div class='internal-links'>
<HeaderLink href='/'>Home</HeaderLink>
<HeaderLink href='/blog'>Blog</HeaderLink>
<HeaderLink href='/about'>About</HeaderLink>
<div class="internal-links">
<HeaderLink href="/">Home</HeaderLink>
<HeaderLink href="/blog">Blog</HeaderLink>
<HeaderLink href="/about">About</HeaderLink>
</div>
<ThemeRadio />
</nav>
Expand Down
2 changes: 1 addition & 1 deletion src/content/blog/2023-nutshell.md
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap

#### Output

![blog placeholder](/placeholder-dark.png)
![blog placeholder](/simitc-banner.jpg)

## Blockquotes

Expand Down
97 changes: 70 additions & 27 deletions src/pages/about.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,53 +2,96 @@
layout: ../layouts/DefaultMarkdown.astro
title: 'About'
description: 'About SIM IT Club'
updatedDate: 'Jan 02 2024'
updatedDate: 'Sep 20 2025'
---

<div class="center">
<img width="720" height="360" src="/placeholder-light.png" class='light-only' alt="" />
<img width="720" height="360" src="/placeholder-dark.png" class='dark-only' alt="" />
<img width="720" height="360" src="/simitc-banner.jpg" alt="SIM IT Club Banner" />
</div>

---

## Providing in-Campus Platform for IT Enthusiasts
# 👋 Welcome to SIM IT Club

The journey to understanding and exploring the landscape of modern informational technology
is best taken amongst a community of like-minded individuals.
We’re the SIM Information Technology Club (ITC) — a student-run community where techies, curious minds, and “I’ll-learn-as-I-go” folks gather to build cool stuff, learn useful things, and just vibe together. ✨

Whether you are...
Our mission? **Make tech fun, relevant, and accessible for everyone.**
No gatekeeping. No stress. Just growth and community. 🚀

- a beginner looking for an introduction workshop to core programming concepts.
- an intermediate hoping to apply your course knowledge on a team-based technical project.
- an advanced player honing your leadership skills.
---

## 💡 Who We Are

We’re simply a group of ambitious students who wanted to create a platform for SIM techies to **learn, grow, and make an impact**.

Our community is all about curiosity, collaboration, and building cool things together — no matter your background or starting point. 🚀

---

## 🎯 What We Do
<div class="center">
<img width="720" height="360" src="/25-26-roadmap.jpg" alt="SIM IT Club Roadmap" />
</div>

We host a wide range of activities throughout the year, such as:

- 🧠 **Tech talks & seminars** with industry experts
- 🧪 **Hands-on workshops** in Web Dev, GitHub, AI, UI/UX & more
- 🎉 **Hackathons** (the fun kind)
- 🤝 **Networking & collaborations** with partners and other clubs

---

SIM IT Club welcomes you with a myriad of activities tailored to help you grow as an individual in the fields of IT.
## 📚 Programs & Initiatives

### ITCamp: Frontendamentals
A **3-month interactive workshop** for subcommittee members, where you’ll learn to build sleek, interactive websites from scratch. 🌟

**What you’ll get:**
- ✅ Hands-on skills in HTML, CSS, JavaScript, React, Tailwind, and Vercel
- ✅ Guided sessions with experienced mentors
- ✅ A portfolio-ready mini project
- ✅ A supportive community of tech enthusiasts

No coding background? No problem — we’ll guide you step by step! 💡

---
<div class="center">
<img width="720" height="360" src="/how-to-get-involved-banner.jpg" alt="" />
</div>

## Our Activities
👉 **Step 1: Join our Telegram group**
Stay updated with hackathon alerts, tech events in Singapore, and SIM IT Club’s own activities.
🔗 [Join here](https://t.me/+o_3QtjEFmNFhYmFl)

> An investment in knowledge pays the best interest.
> Sir Benjamin Franklin
👉 **Step 2: Become a Subcommittee Member**
Help us organize events, create content, and run the club — while gaining exclusive access to ITCamp and leadership experience.

Our upcoming workshops are freely available resources of knowledge
for those seeking to enrich themselves with all things IT.
From a full hands-on tutorial session to a quick burst of 5-minute introduction to relevant IT topics,
the SIM IT Club will continue to provide learners with rich contents.
📌 Subcommittee recruitment is **open from 16 Sept to 29 Sept 2025**.
Apply here (it’s free!):
🔗 [Subcommittee Registration](https://forms.office.com/r/ehz8jAawTH)

### Join Us
---

Subcommittee members
will be able to contribute to events for SIM students.
This contribution includes (but is not limited to):
## 🌍 Our Community

- Becoming a speaker for one of our workshops.
- Promoting our club events on various social media alongside the marketing team.
- Making sure the event runs smoothly as part of our events crew.
We’re proud to be part of the student chapter under:
- Singapore Computer Society (SCS) 🏢
- Association of Information Security Professionals (AISP) 🔐

The recruitment drive initiative also looks for executive committee members who can lead the club.
---

## 🤝 Past & Present Partners

Over the years, SIM IT Club has had the privilege of working with amazing partners who help us bring impactful events, workshops, and opportunities to our members.

<div class="center">
<img width="720" height="360" src="/past-present-partners.jpg" alt="SIM IT Club Partners" />
</div>

---

## Meet Our Executive Committee
## 👥 Meet Our Executive Committee
<div class="center">
<img width="854" height="480" src="/25-26-excos.jpg" alt="" />
</div>
72 changes: 60 additions & 12 deletions src/pages/index.astro
Original file line number Diff line number Diff line change
Expand Up @@ -14,27 +14,75 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
<Header title={SITE_TITLE} />
<main>
<h1>SIM IT Club</h1>
<div class="center">
<img width="720" height="360" src="/simitc-banner.jpg" class='light-only' alt="" />
<img width="720" height="360" src="/simitc-banner.jpg" class='dark-only' alt="" />
</div>
<p>
Hi! 👋 Welcome to our little corner of the web. 🌐
Hey there 👋<br />
We're the SIM Information Technology Club (ITC) — the hangout spot for techies,
curious minds, and “I’ll-learn-as-I-go” folks. Here, we build cool stuff,
learn useful things, and just vibe together. ✨
</p>
<p>
Here, our goal is to celebrate all things IT 💻,
and learn crucial IT-related skills needed for the professional world 🌍.
We frequently organize meetings, talks, workshops, and seminars
that are open to all students 🎓,
regardless of their major or level of expertise.
Our mission? Keep tech fun, relevant, and useful — no gatekeeping, no
stress. 🚀
</p>
<p>Throughout the year, we run a mix of events and initiatives:</p>
<ul>
<li>🧠 Tech talks & seminars with industry experts</li>
<li>🧪 Hands-on workshops in Web Dev, GitHub, AI, UI/UX & more</li>
<li>🎉 Hackathons (yes, the fun kind)</li>
</ul>
<br />

<div class="center">
<img width="720" height="360" src="/how-to-get-involved-banner.jpg" class='light-only' alt="" />
<img width="720" height="360" src="/how-to-get-involved-banner.jpg" class='dark-only' alt="" />
</div>
<p>
We're also a part of the student chapter under the
Singapore Computer Society (SCS) 🏢
and
Association of Information Security Professionals (AISP) 🔐,
👉 First step: <br />Join our <a
href="https://t.me/+o_3QtjEFmNFhYmFl"
target="_blank">Telegram group</a
>! We’ll share tech-related content like hackathon alerts, upcoming tech events in Singapore, and updates on SIM IT Club’s own activities.
No harm in joining — just do it. 😉
</p>

<p>
We're always looking for new members to join us,
so if you're interested in IT, we'd <a href="https://forms.office.com/Pages/ResponsePage.aspx?id=eF0ERJXMGE2FJ2YvtdVEB-AqdU67K4lKmefPkNg3TaZURVNPNEYyUjRHM0hXS0NBRVg4MVIyR0UzQS4u">love to have you on board!</a> 🚀
👉 Next step: <br />Become a subcommittee member! As a subcomm, you’ll gain
exclusive access to our <b>ITCamp: Frontendamentals</b> — a 3-month interactive
workshop where you’ll learn to build sleek, interactive websites from scratch.
🌟
</p>

<p><b>Here’s what you’ll get:</b></p>
<ul>
<li>
✅ Hands-on HTML, CSS, JavaScript, React, Tailwind, and Vercel skills
</li>
<li>✅ Guided sessions from experienced mentors</li>
<li>✅ A portfolio-ready mini project</li>
<li>✅ A supportive community of tech enthusiasts</li>
</ul>

<p>No coding background? No problem — we’ll guide you step by step! 💡</p>

<p>
Ready to join? Apply as a subcomm here 👉
<a href="https://forms.office.com/r/ehz8jAawTH" target="_blank"
>Subcommittee Registration</a
>
(open from <b>16 Sept to 29 Sept 2025</b>). It’s free! 🎉 (More details
inside the link.)
</p>

<p>
We're also proud to be part of the student chapter under the Singapore
Computer Society (SCS) 🏢 and Association of Information Security
Professionals (AISP) 🔐.
</p>
</main>

<Footer />
</body>
</html>