polished some more

README.md

@@ -1,3 +1,5 @@
 # Personal Website
 
-Made with flask and Bootstrap CSS.
+Personal Website. Located at ![Link](https://junickim.me)
+
+Made with Flask and Bootstrap CSS.

main.py

@@ -16,11 +16,9 @@ def achievements():
 def school():
     return render_template('school.html')
 
-"""
 @app.route('/projects')
 def projects():
-    return "school"
-"""
+    return render_template('projects.html')
 
 if __name__ == "__main__":
     app.run()

templates/achievements.html

@@ -12,10 +12,10 @@
             <a 
             href="https://www.maa.org/sites/default/files/pdf/AMC/usamo/2021/JMO%20List.pdf"
             target="new"
-            ><h2 class="text-light"> USA Junior Mathematical Olympiad Qualifier 2021 </h2></a>
+            ><h2 class="text-light"> 2021 USA Junior Mathematical Olympiad Qualifier </h2></a>
             <p>
                 In the 2020-21 MAA Season, I obtained a USAJMO qualification
-                index of 241 and was thus eligible to participate in the
+                index of 241 (AMC 10A + AIME I) and was thus eligible to participate in the
                 USA Junior Mathematical Olympiad.
             </p>
         </div>
@@ -23,26 +23,45 @@
             <a
             href="http://usaco.org/current/data/jan21_gold_results.html"
             target="new"
-            ><h2 class="text-light"> USACO Platinum </h2></a>
+            ><h2 class="text-light"> USACO Platinum Division </h2></a>
             <p>
-                In the 2021 USACO January Contest, I was promoted to the
+                In the 2021 January Contest, I was promoted to the
                 Platinum Division of the USA Computing Olympiad.
             </p>
         </div>
     </div>
     <div class="row">
         <div class="col-md-5 text-light bg-primary m-1" style="border-radius:25px">
-            <h2> American Invitational Mathematics Qualifier 2020 </h2>
+            <h2>2020 American Invitational Mathematics Exam Qualifier</h2>
             <p>
                 In the 2019-20 MAA season, I scored a 109.5 on the AMC 10A 2020
-                and qualified for the AIME 2020.
+                and qualified for the 2020 AIME.
             </p>
         </div>
         <div class="col-md-5 text-light bg-primary m-1" style="border-radius:25px">
             <h2> USNCO National Exam Nominee </h2>
             <p>
-                In the 2021 USNCO Local Exam, I was nominated by the Silicon
-                Valley Division of ACS to take the USNCO National exam.
+				In the 2021 United States National Chemistry Olympiad Local
+				Exam, I was nominated by the Silicon Valley Division of the
+				American Chemical Society to take the USNCO National exam.
+            </p>
+        </div>
+    </div>
+	<div class="row">
+		<div class="col-md-5 text-light bg-primary m-1" style="border-radius:25px">
+			<h2> 2021 National Latin Exam </h2>
+			<p>
+				In the 2021 National Latin Exam Beginning Latin Exam,
+				I received a Summa Cum Laude gold medal.
+			</p>
+		</div>
+		<div class="col-md-5 text-light bg-primary m-1" style="border-radius:25px">
+			<a href="https://cemc.uwaterloo.ca/contests/past_contests/2021/2021CCCResults.pdf"target="new">
+			<h2 class="text-light"> 
+			2021 Canadian Computing Competition </h2> </a>
+			<p>
+				In the 2021 Canadian Computing Competition Senior Division,
+				I placed in the top 75 out of 2920 competitors.
 			</p>
 		</div>
 	</div>

templates/base.html

@@ -29,6 +29,14 @@
                         </a>
                         </button>
                     </li>
+                    <li> 
+                        <button class="btn btn-primary m-2">
+                        <a href="{{ url_for('projects') }}" class="text-light">
+                            Projects
+                        </a>
+                        </button>
+                    </li>
+
                 </ul>
             </div>
         </nav>

templates/index.html

@@ -4,31 +4,49 @@
 <div class="container-fluid">
     <div class="row">
         <h3> Greetings, Human. </h3> <br>
-        <h1> This is Juni Kim, yet another freshman</h1>
+        <h1> This is Juni Kim's Personal Website/Server for hosting things. </h1>
     </div>
     <br><br>
     <div class="row">
         <h2> About Me </h2>
         <p> 
-            My first true experience with programming was when I learned about the
-            USACO (and sought to reach Platinum Division) as an 8th grader. After
-            learning the ins and outs of using C++, I sought to expand my knowledge
-            base of other programming languages and incidentally landed upon web
-            development.
-            <br> <br>
-            I continue to explore the annals of web development and
-            write scripts whenever possible in order to make my life as
-            convenient as possible.
+            My first true experience with programming was when I learned about
+            the USACO as an eighth grader. After understanding the basics of
+            using C++ (which is the primary language used in competitive
+            programming contests due to its relative speed), I sought
+            to understand the ins and outs of other fields of programming, from
+            which I stumbled upon web development and scripting.
             <br><br>
-            Although I spend most of my free time generating and debugging
-            small scripts, I have also extensively competed within USA Fencing
-            and have been heavily involved in competition math.
+            Currently, I write and post scripts in python or bash (mostly for
+            automating boilerplate in certain tasks) and spend a vast amount
+            of my time consuming and learning the annals of web development.
+        </p>
+    </div>
+    <div class="row">
+        <h2> Non-Programming </h2>
+        <p>
+			Outside of programming, I have trained and still participate
+			extensively in the math competition world (which actually led me to
+			start competitive programming), and regularly practice
+			fencing, and to a lesser extent, boxing.
         </p>
     </div>
     <div class="row">
         <h2> Contact </h2> <br>
+        <a href="https://junikimm717@gmail.com"> Email </a>
         <a href="https://github.com/junikimm717" target="new"> Github </a>
         <a href="https://gitlab.com/junikimm717" target="new"> GitLab </a>
+        <a href="https://git.junickim.me/junikimm717" target="new"> My Self-Hosted Gitea Instance </a>
+    </div>
+    <br><br>
+    <div class="row">
+        <p class="text-muted">
+            This website was written with
+            <a href="https://palletsprojects.com/p/flask"/> Flask </a>
+            and
+            <a href="https://getbootstrap.com/"> Bootstrap CSS</a>.
+            <a href="https://git.junickim.me/junikimm717/personal-website"> See the Source Code.</a>
+        </p>
     </div>
 </div>
 {% endblock %}

templates/projects.html

@@ -0,0 +1,74 @@
+{% extends "base.html" %}
+
+{% block content %}
+<div class="container-fluid">
+    <div class="row">
+        <h1> Projects </h1>
+    </div>
+    <div class="row">
+        <p>
+            Although modest, below is a collection of notable projects that
+            I have done:
+        </p>
+    </div>
+    <h2> Websites </h2>
+    <div class="row">
+        <div class="col-md-5 m-1 text-light bg-primary" style="border-radius:25px">
+                <a href="https://github.com/junikimm717/OLA11-Final-Project" target="new">
+                    <h2 class="text-light">
+                     Latin Final Project
+                    </h2>
+                </a>
+            <p>
+                This was my first venture into making a website with a real
+                database. After seeing SQLite crash and burn, I switched over
+                to using MongoDB as my DBMS.
+
+                In addition to this, I also implemented my own rudimentary
+                package manager in bash to obtain nouns and verbs from a
+                mirror.
+            </p>
+        </div>
+        <div class="col-md-5 m-1 text-light bg-primary" style="border-radius:25px">
+            <a href="https://github.com/junikimm717/OMSB9-Final-Project" target="new">
+                <h2 class="text-light">
+                     OMSB9 Final Project
+                </h2>
+            </a>
+            <p>
+                I created a set of scripts to locally run a PHP program and
+                parse the logs that it generated to run statistical tests on.
+            </p>
+        </div>
+    </div>
+    <h2> Scripts </h2>
+    <div class="row">
+        <div class="col-md-5 m-1 text-light bg-primary" style="border-radius:25px">
+                <a href="https://github.com/junikimm717/yacoh" target="new">
+                    <h2 class="text-light">
+                        Yet Another Competitive Programming Helper
+                    </h2>
+                </a>
+            <p>
+                Yet Another Competitive Programming Helper is a series of
+                scripts designed to aid one in initializing a testing
+                environment for competitive programming contests, as well as a
+                server for <a
+                href="https://github.com/jmerle/competitive-companion">
+                Competitive Companion </a>.
+            </p>
+        </div>
+        <div class="col-md-5 m-1 text-light bg-primary" style="border-radius:25px">
+            <a href="https://github.com/junikimm717/mktex" target="new">
+                <h2 class="text-light">
+                     MkTex
+                </h2>
+            </a>
+            <p>
+                This is a series of scripts designed to automate the generating
+                of LATEX or Markdown templates for the schoolwork that I have.
+            </p>
+        </div>
+    </div>
+</div>
+{% endblock %}

templates/school.html

@@ -9,9 +9,9 @@
         <div class="col-md-5 m-1">
             <p>
             I currently attend Stanford Online High School full-time, where I
-            participate in the following activities:<br>
+            participate in the following activities: <br>
             <ol>
-                <li> TA of the AP Calculus BC Class </li>
+                <li> As the TA of the AP Calculus BC Class </li>
                 <li> Leader of the OHS Competitive Programming Circle </li>
                 <li> Participant in the OHS Math Competition Homeroom and the
                 OHS Chemistry Olympiad Club </li>