diff --git a/ui/html/pages/index.tmpl b/ui/html/pages/index.tmpl index fe559ba..f41c6eb 100644 --- a/ui/html/pages/index.tmpl +++ b/ui/html/pages/index.tmpl @@ -22,7 +22,7 @@

Jack Fordyce

-

Software Engineer

+

Software Engineer

@@ -31,39 +31,39 @@ Visit my Linkedin page
-
-
- Fordyce Photos -

Several years ago I deleted all of my social media applications and ceased posting content on platforms like Instagram and Twitter. I still had an urge to share some of the photos I take occasionally, so I stood this site up using Flask, Caddy, uWSGI, Amazon S3, and Digital Ocean.

-
-
-
-
- Canvas Assistant -

Canvas Assistant was built to combine the functionality of the Google Assistant with the Canvas application used by many college campuses throughout the country. It was created using a combination of Dialogflow (NodeJS) for natural language processing, Python Flask for web application based user-enrollment, and Google's Realtime DB for data storage. The project allowed students to be able to verbally communicate with their Canvas account, being able to ask what assignments they had due, what was on their schedule, or if they had any pending notifications.

+
+
+ Fordyce Photos +

Several years ago I deleted all of my social media applications and ceased posting content on platforms like Instagram and Twitter. I still had an urge to share some of the photos I take occasionally, so I stood this site up using Flask, Caddy, uWSGI, Amazon S3, and Digital Ocean.

+
+
+ Canvas Assistant +

Canvas Assistant was built to combine the functionality of the Google Assistant with the Canvas application used by many college campuses throughout the country. It was created using a combination of Dialogflow (NodeJS) for natural language processing, Python Flask for web application based user-enrollment, and Google's Realtime DB for data storage. The project allowed students to be able to verbally communicate with their Canvas account, being able to ask what assignments they had due, what was on their schedule, or if they had any pending notifications.

+
+
-
-
- CMSC491 - SPE -

This stream processing engine was built by a team of seven computer science students at Buena Vista University as well as Dr. Nathan Backman. The application is able to process streams of data through various components, tests wrote by the team included things such as vowel_counter, average_aggregation, and Farenheit_to_Celsius. The engine's main function was to process chunks of Minecraft data and return the xyz position of the closest specified block to the player in any given world, using realtime live data streams from the Minecraft game itself.

+
+
+ CMSC491 - SPE +

This stream processing engine was built by a team of seven computer science students at Buena Vista University as well as Dr. Nathan Backman. The application is able to process streams of data through various components, tests wrote by the team included things such as vowel_counter, average_aggregation, and Farenheit_to_Celsius. The engine's main function was to process chunks of Minecraft data and return the xyz position of the closest specified block to the player in any given world, using realtime live data streams from the Minecraft game itself.

+
-
-
-
- Computer-Reservation -

Flask/React application to allow students at Buena Vista University to reserve computers in the High Performance Computing Laboratory. Includes full user authentication and an interactive user interface that displays if computers are reserved. If a computer is free, allows a user to reserve it for a specified amount of time.

+
+
+ Computer-Reservation +

Flask/React application to allow students at Buena Vista University to reserve computers in the High Performance Computing Laboratory. Includes full user authentication and an interactive user interface that displays if computers are reserved. If a computer is free, allows a user to reserve it for a specified amount of time.

+
-
-
-
- Finger Game -

Web application that utilizes self-trained object detection to identify the number of fingers a user is holding up to the webcam. Included usage of Flask, Javascript, Bulma CSS, and several Python libraries to train the finger-tip detector. Hack ISU 2018 project written with Zachary Macke, John Jago, and Sandeep Yeturu.

+
+
+ Finger Game +

Web application that utilizes self-trained object detection to identify the number of fingers a user is holding up to the webcam. Included usage of Flask, Javascript, Bulma CSS, and several Python libraries to train the finger-tip detector. Hack ISU 2018 project written with Zachary Macke, John Jago, and Sandeep Yeturu.

-
+
\ No newline at end of file diff --git a/ui/static/css/index.css b/ui/static/css/index.css index bd6213e..a87d227 100644 --- a/ui/static/css/index.css +++ b/ui/static/css/index.css @@ -1,3 +1,10 @@ @tailwind base; @tailwind components; -@tailwind utilities; \ No newline at end of file +@tailwind utilities; + +@layer utilities { + .link { + @apply underline text-blue-600 hover:text-blue-800 + } + +} \ No newline at end of file diff --git a/ui/static/css/output.min.css b/ui/static/css/output.min.css index e8fb695..f92ba11 100644 --- a/ui/static/css/output.min.css +++ b/ui/static/css/output.min.css @@ -614,6 +614,10 @@ video { background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } +.p-4 { + padding: 1rem; +} + .px-5 { padding-left: 1.25rem; padding-right: 1.25rem; @@ -657,6 +661,17 @@ video { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } +.link { + --tw-text-opacity: 1; + color: rgb(37 99 235 / var(--tw-text-opacity)); + text-decoration-line: underline; +} + +.link:hover { + --tw-text-opacity: 1; + color: rgb(30 64 175 / var(--tw-text-opacity)); +} + .hover\:bg-orange-100:hover { --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity));