portfolio/events.html at main · 1t-Ju5t-eX1st5/portfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Stylesheet links -->
    <link rel="stylesheet" href="stylesheets/base.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Quicksand:wght@300;400;500&family=Roboto:wght@300&display=swap" rel="stylesheet">

    <!-- Bootstrap CSS link -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">

    <!-- Box Icon -->
    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>


<link rel="stylesheet" href="stylesheets/portfolio.css">
<title>Participated Events</title>

</head>
<body>
    <!-- Main Content here -->
    <div class="main-wrapper">
        <div class="header">
            <!-- Navbar -->
            <nav class="navbar navbar-expand-lg bg-body-tertiary">
                <div class="container">
                  <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                  </button>
                  <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
                      <li class="nav-item">
                        <a class="nav-link" href="index.html">Home</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" href="about.html">About Me</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" href="events.html">Participation in Events</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" href="projects.html">My Projects</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" href="my-journey.html">My Journey</a>
                      </li>
                    </ul>
                  </div>
                </div>
              </nav>
        </div>

<div class="portfolio-section">
    <!-- A.YCEP 2021 -->
    <div class="container">
      <div class="row justify-content-center align-items-center pb-5">
        <div class="col-lg-6">
          <h1 class="port-title">Advanced Youth Cyber Exploration Programme 2021</h1>
          <p class="port-role">Role: Team Member</p>
          <p class="port-prizes">Prize(s): A.YCEP hoodie and trophy, A.YCEP 2021 certificate (participation)</p>
          <p class="port-desc">This was the second Capture-the-Flag competition that I have participated in, and I was fortunate
            to have been paired up with experienced teammates. Through them, I learnt a great deal about incident response, such
            as how it is conducted, and what we can do to prevent data breaches from occuring in the first place.
          </p>
        </div>
        <div class="col-lg-6">
          <img src="images/portfolio/events/aycep-2021.jpg" alt="">
        </div>
      </div>
    </div>
    <!-- YCEP 2022 -->
    <div class="container">
      <div class="row justify-content-center align-items-center pb-5">
        <div class="col-lg-6">
          <img src="images/portfolio/events/ycep-2022.jpg" alt="">
        </div>
        <div class="col-lg-6">
          <h1 class="port-title">Youth Cyber Exploration Programme 2022</h1>
          <p class="port-role">Role: Team Member</p>
          <p class="port-prizes">Prize(s): YCEP 2022 certificate (2nd runner-up)</p>
          <p class="port-desc">This was my first physical Capture-the-Flag competition (due to the COVID-19 pandemic), and I had teamed up with several
            friends from the School of Science and Technology (SST). Although we only won the 2nd runner-up prize, I still found
            the CTF challenge an enjoyable and fruitful event, as I got to improve my skills at web hacking and cryptography
          </p>
        </div>
      </div>
    </div>
    <!-- Open House 2022 -->
    <div class="container">
      <div class="row justify-content-center align-items-center pb-5">
        <div class="col-lg-6">
          <h1 class="port-title">Peirce Open House 2022</h1>
          <p class="port-role">Role: Ambassador</p>
          <p class="port-desc">I was offered the opportunity to participate in my Secondary school's Open House event,
            representing the school's Computing booth. Through this event, I not only got to bond with several other Computing
            and CPA students, but also got to experience the process of preparing for an open house, as well as learning how
            to present my projects effectively to parents<br>
            Project code can be found
            <a href="https://github.com/IronForce-Auscent/s3_openhouse_computing" class="banner-btn" target="_blank">
              here &rarr;
            </a>
          <br><sub>As for why I'm wearing the No.4 uniform: I had to cover for a fellow leader's absence</sub>
          </p>
        </div>
        <div class="col-lg-6">
          <img src="images/portfolio/events/openhouse-2.jpg" alt="">
        </div>
      </div>
    </div>
    <!-- YCEP 2023 -->
    <div class="container">
        <div class="row justify-content-center align-items-center pb-5">
          <div class="col-lg-6">
            <img src="images/portfolio/events/ycep-2023/2.jpg" alt="">
          </div>
          <div class="col-lg-6">
            <h1 class="port-title">Youth Cyber Exploration Programme 2023</h1>
            <p class="port-role">Role: Team Member</p>
            <p class="port-prizes">Prize(s): YCEP 2023 certificate (First Place)</p>
            <p class="port-desc">
                I participated in Ngee Ann Polytechnic's Hack'n'Flag (HNF) 2023 with my friends, and finally managed to achieve the first place for
                the team CTF on the third day of YCEP. Through HNF2023, I also got to put what I had learnt during YCEP 2022 to practice, and even
                got to pick up new skills such as OSINT (Open Source INTelligence) from my teammates. This year, I also got the opportunity to participate
                in the Central Capture-the-Flag competition!
            </p>
          </div>
        </div>
      </div>
    </div>
</div>


    </div>
        <!-- Footer Content -->
        <div class="footer">
            <div class="container">
                <div class="social-media text-center">
                    <ul class="footer-list">
                        <li><a href="https://github.com/IronForce-Auscent" target="_blank"><i class='bx bxl-github'></i></a></li>
                        <li><a href="https://www.instagram.com/solitude_nox253/" target="_blank"><i class='bx bxl-instagram'></i></a></li>
                        <!-- <li><a href="" target="_blank"><i class='bx bxl-linkedin-square'></i></a></li> --><!-- Link: Tm90IHRoZSBMaW5rZWRJbiBsaW5rLCBidXQgYSBmbGFnISBZQk57NGE1ZTY0X2k1X2Mwb0x9 -->
                    </ul>
                </div>
            </div>
        </div>

    </div>
    <!-- Bootstrap JS link -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
</body>
</html>