From 76eb8e01653e273cefd50ca30ef58616e9db7bf7 Mon Sep 17 00:00:00 2001 From: Dhruv <58906323+dhruv-colosus@users.noreply.github.com> Date: Thu, 1 Oct 2020 11:02:02 +0530 Subject: [PATCH 1/3] Update index.html --- index.html | 459 ++++++++++++++++++++++++++++------------------------- 1 file changed, 240 insertions(+), 219 deletions(-) diff --git a/index.html b/index.html index 99bc7d9..2d5f188 100644 --- a/index.html +++ b/index.html @@ -1,219 +1,240 @@ - - - - - - - - - - - - - - - - Adrian Jules Sales - - - - - - -
-
-
-

Adrian Jules Sales

-

Aspiring Software Developer

-
-
- -
-
-

About Me

-
-
-
-

- Hi, I'm Adrian! I'm an aspiring software developer also - interested in project/program management. I'm particularly - into game design and development and would love to get to - work on a game like Beyond Good & Evil or Fire Emblem one day. -

-

- In my free time, you can find me listening to 90s R&B throwbacks, - learning a new song on the kalimba, playing (and failing at) Fire - Emblem, or rewatching Parks and Rec/The Office for the 3rd - 4th 5th time! -

-
-
- -
-
-
-
- -
-
-

Experiences

-
-
-
-
- Card image -
-
-
-
- Plentina -

Program Manager (Volunteer) | July 2020 - Present

-
-

- I'm currently helping out Plentina as they go through the Techstars Western - Union accelerator. I work directly with the founders to ensure that they're - getting the most out of the program, keeping up with weekly deadlines, and - connecting with mentors/investors. Additionally, I'm helping program manage - while they prepare for launch. -

-
-
-
-
-
- Card image -
-
-
-
-

UC Berkeley

-

B.A. Computer Science, Cognitive Science | 2016 - 2020

-
-

- I came into Berkeley as a Computer Science (CS) major, though I soon became interested in cognitive science, specifically linguistics, and the role CS played in the field. While there, I also got involved in a variety of on-campus organizations such as Cal Band, PASAE (more on that below), CS Scholars, and CS Mentors. -

-
-
-
-
-
- Card image -
-
-
-
- ICSI -

Research Apprentice | February - May 2020

-
-

- Under Dr. Collin Baker, I helped expand the FrameNet lexical database, which is widely used in NLP around the world. My team wanted to explore automatic semantic role labeling (ASRL) to aid in FrameNet. My specific role was to produce manual lexicographic and full-text annotations of technical documents to use as training data for ASRL programs. -

-
-
-
-
-
- Card image -
-
-
-
- PASAE -

President | May 2019 - May 2020

-

Science Representative | May 2018 - May 2019

-
-

- PASAE is an undergraduate organization at Berkeley aimed at uplifting Filipinos and other underrepresented minorities in STEAM. Being Filipino and interested in tech, it was an incredibly important space for me during undergrad as growing up, I wasn't really exposed to those types of opportunities. When I became Science Rep and later President, I got the chance to give back to this space and help other students like me who might've not had the opportunity to explore STEAM before. Tangibly, I planned, facilitated, and executed professional and academic development workshops and panels, alumni networking dinners, and other events. -

-
-
-
-
- -
-
-

Portfolio

-
-
-
-
- Card image - -
-

Sound Space

-
-

Space exploration game that integrates Max/MSP into Unity to generate sound through user input.

-
-
-
-
-
- Card image - -
-

Ghost Quest

-
-

Dragon Quest-inspired RPG about ghosts. On a team of 4, I mainly focused on sound/music integration to improve player immersion.

-
-
-
-
-
-
- - - - - - - - - - - \ No newline at end of file +@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro'); +@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); +html { + scroll-behavior: smooth; + scroll-padding-top: 64px; +} + +body { + position: relative; +} + +h1, h2, h3, h4, h5, h6, p.title, .company { + font-family: 'Bebas Neue', sans-serif; + letter-spacing: 4px; +} + +p, a { + font-family: 'Source Sans Pro', sans-serif; +} + +.jumbotron { + color: #fff; + text-shadow: 2px 2px #000; + position: relative; + background: none; + margin: 0; +} + +.jumbotron .bg { + position: absolute; + top: 0; + left: 0; + z-index: -1; + height: 100%; + width: 100%; + padding-bottom: 1px; + background: linear-gradient(rgba(184, 174, 169, 0.8), rgba(52, 60, 101, 0.8)), + url(images/home-background.gif) center bottom / cover no-repeat fixed; +} + +.jumbotron.vertical-center { + min-height: 100%; + min-height: 100vh; + + display: flex; + align-items: center; +} + +.navbar { + background-color: rgba(0, 0, 0, 0.75); +} + +.navbar-brand { + color: #fff; + margin: 0; + padding: 8px; +} + +.nav-link { + color: #fff; +} + +.nav-link:hover { + color: #a6a6b8; +} + +.nav-item > .nav-link.active { + color: #fff; + background-color: #5B5B71; +} + +.navbar-toggler { + border-color: #fff; +} + +.navbar-toggler-icon { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); +} + +#about-me, #portfolio { + background-color: #fff; +} + +#experiences { + background-color: #b8aea9; +} + +footer { + background-color: #808080; +} + +section > .container { + padding: 40px 15%; +} + +.container h2 { + margin: 20px 0 0 ; + font-weight: 600; + color: #343c65; + font-size: 40px; +} + +.container h3 { + color: #343c65; +} + +.about-me > hr, .portfolio > hr { + border: 5px solid rgba(166, 166, 184, 0.5); + border-radius: 5px; +} + +.experiences > hr { + border: 5px solid rgba(52, 60, 101, 0.5); + border-radius: 5px; +} + +.container > .row { + margin: 20px 0 0; +} + +.about-me img { + object-fit: cover; + border-radius: 30px; + width: 246px; + height: 246px; +} + +.card, .card-img { + border-radius: 30px; + border-style: solid; + border-color: #fff; +} + +.card-img { + width: 100%; + height: 216px; +} + +#icsi, #pasae { + object-fit: contain; +} + +#plentina, #berkeley, +#soundspace, #ghostquest { + object-fit: cover; +} + +.title { + font-style: italic; + margin: 0; +} + +.company { + font-size: 28px; + color: #343c65; +} + +.company:hover { + color: #fff; + text-decoration: none; +} + +.card-img-overlay { + background-color: #343c65; + opacity: 0.75; + color: #fff; + border-radius: 30px; + border-style: solid; + border-color: #fff; +} + +.card-img-overlay h3 { + color: #fff; +} + +.card-img-overlay hr { + border: 1px solid #fff; +} + +.container > hr { + margin: 0 0 48px; +} + +.footer svg { + margin: 8px; +} + +h4 { + color: #fff; +} + +.footer p { + color: #fff; + margin: 0; +} + +.footer .row:last-of-type { + margin: 5px 0 0 0; +} + +.footer hr { + margin-top: 5px; + margin: auto; + width: 25%; +} + + + +#main { + border-right: solid 3px rgba(0,255,0,.75); + white-space: nowrap; + overflow: hidden; + font-family: 'Source Code Pro', monospace; + font-size: 28px; + color: rgba(255,255,255,.70); + text-align: center; + margin: auto; +} + +/* Animation */ +#main { + animation: animated-text 4s steps(29,end) 1s 1 normal both, + animated-cursor 600ms steps(29,end) infinite; +} + +/* text animation */ + +@keyframes animated-text{ + from{width: 0;} + to{width: 472px;} +} + +/* cursor animations */ + +@keyframes animated-cursor{ + from{border-right-color: rgba(0,255,0,.75);} + to{border-right-color: transparent;} +} + + From 12cd7f1de413b28bf1a5af012410a87a93ae9186 Mon Sep 17 00:00:00 2001 From: Dhruv <58906323+dhruv-colosus@users.noreply.github.com> Date: Thu, 1 Oct 2020 11:02:43 +0530 Subject: [PATCH 2/3] Update index.html --- index.html | 459 +++++++++++++++++++++++++---------------------------- 1 file changed, 219 insertions(+), 240 deletions(-) diff --git a/index.html b/index.html index 2d5f188..367ec87 100644 --- a/index.html +++ b/index.html @@ -1,240 +1,219 @@ -@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro'); -@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); -html { - scroll-behavior: smooth; - scroll-padding-top: 64px; -} - -body { - position: relative; -} - -h1, h2, h3, h4, h5, h6, p.title, .company { - font-family: 'Bebas Neue', sans-serif; - letter-spacing: 4px; -} - -p, a { - font-family: 'Source Sans Pro', sans-serif; -} - -.jumbotron { - color: #fff; - text-shadow: 2px 2px #000; - position: relative; - background: none; - margin: 0; -} - -.jumbotron .bg { - position: absolute; - top: 0; - left: 0; - z-index: -1; - height: 100%; - width: 100%; - padding-bottom: 1px; - background: linear-gradient(rgba(184, 174, 169, 0.8), rgba(52, 60, 101, 0.8)), - url(images/home-background.gif) center bottom / cover no-repeat fixed; -} - -.jumbotron.vertical-center { - min-height: 100%; - min-height: 100vh; - - display: flex; - align-items: center; -} - -.navbar { - background-color: rgba(0, 0, 0, 0.75); -} - -.navbar-brand { - color: #fff; - margin: 0; - padding: 8px; -} - -.nav-link { - color: #fff; -} - -.nav-link:hover { - color: #a6a6b8; -} - -.nav-item > .nav-link.active { - color: #fff; - background-color: #5B5B71; -} - -.navbar-toggler { - border-color: #fff; -} - -.navbar-toggler-icon { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); -} - -#about-me, #portfolio { - background-color: #fff; -} - -#experiences { - background-color: #b8aea9; -} - -footer { - background-color: #808080; -} - -section > .container { - padding: 40px 15%; -} - -.container h2 { - margin: 20px 0 0 ; - font-weight: 600; - color: #343c65; - font-size: 40px; -} - -.container h3 { - color: #343c65; -} - -.about-me > hr, .portfolio > hr { - border: 5px solid rgba(166, 166, 184, 0.5); - border-radius: 5px; -} - -.experiences > hr { - border: 5px solid rgba(52, 60, 101, 0.5); - border-radius: 5px; -} - -.container > .row { - margin: 20px 0 0; -} - -.about-me img { - object-fit: cover; - border-radius: 30px; - width: 246px; - height: 246px; -} - -.card, .card-img { - border-radius: 30px; - border-style: solid; - border-color: #fff; -} - -.card-img { - width: 100%; - height: 216px; -} - -#icsi, #pasae { - object-fit: contain; -} - -#plentina, #berkeley, -#soundspace, #ghostquest { - object-fit: cover; -} - -.title { - font-style: italic; - margin: 0; -} - -.company { - font-size: 28px; - color: #343c65; -} - -.company:hover { - color: #fff; - text-decoration: none; -} - -.card-img-overlay { - background-color: #343c65; - opacity: 0.75; - color: #fff; - border-radius: 30px; - border-style: solid; - border-color: #fff; -} - -.card-img-overlay h3 { - color: #fff; -} - -.card-img-overlay hr { - border: 1px solid #fff; -} - -.container > hr { - margin: 0 0 48px; -} - -.footer svg { - margin: 8px; -} - -h4 { - color: #fff; -} - -.footer p { - color: #fff; - margin: 0; -} - -.footer .row:last-of-type { - margin: 5px 0 0 0; -} - -.footer hr { - margin-top: 5px; - margin: auto; - width: 25%; -} - - - -#main { - border-right: solid 3px rgba(0,255,0,.75); - white-space: nowrap; - overflow: hidden; - font-family: 'Source Code Pro', monospace; - font-size: 28px; - color: rgba(255,255,255,.70); - text-align: center; - margin: auto; -} - -/* Animation */ -#main { - animation: animated-text 4s steps(29,end) 1s 1 normal both, - animated-cursor 600ms steps(29,end) infinite; -} - -/* text animation */ - -@keyframes animated-text{ - from{width: 0;} - to{width: 472px;} -} - -/* cursor animations */ - -@keyframes animated-cursor{ - from{border-right-color: rgba(0,255,0,.75);} - to{border-right-color: transparent;} -} - - + + + + + + + + + + + + + + + + Adrian Jules Sales + + + + + + +
+
+
+

Adrian Jules Sales

+

Aspiring Software Developer

+
+
+ +
+
+

About Me

+
+
+
+

+ Hi, I'm Adrian! I'm an aspiring software developer also + interested in project/program management. I'm particularly + into game design and development and would love to get to + work on a game like Beyond Good & Evil or Fire Emblem one day. +

+

+ In my free time, you can find me listening to 90s R&B throwbacks, + learning a new song on the kalimba, playing (and failing at) Fire + Emblem, or rewatching Parks and Rec/The Office for the 3rd + 4th 5th time! +

+
+
+ +
+
+
+
+ +
+
+

Experiences

+
+
+
+
+ Card image +
+
+
+
+ Plentina +

Program Manager (Volunteer) | July 2020 - Present

+
+

+ I'm currently helping out Plentina as they go through the Techstars Western + Union accelerator. I work directly with the founders to ensure that they're + getting the most out of the program, keeping up with weekly deadlines, and + connecting with mentors/investors. Additionally, I'm helping program manage + while they prepare for launch. +

+
+
+
+
+
+ Card image +
+
+
+
+

UC Berkeley

+

B.A. Computer Science, Cognitive Science | 2016 - 2020

+
+

+ I came into Berkeley as a Computer Science (CS) major, though I soon became interested in cognitive science, specifically linguistics, and the role CS played in the field. While there, I also got involved in a variety of on-campus organizations such as Cal Band, PASAE (more on that below), CS Scholars, and CS Mentors. +

+
+
+
+
+
+ Card image +
+
+
+
+ ICSI +

Research Apprentice | February - May 2020

+
+

+ Under Dr. Collin Baker, I helped expand the FrameNet lexical database, which is widely used in NLP around the world. My team wanted to explore automatic semantic role labeling (ASRL) to aid in FrameNet. My specific role was to produce manual lexicographic and full-text annotations of technical documents to use as training data for ASRL programs. +

+
+
+
+
+
+ Card image +
+
+
+
+ PASAE +

President | May 2019 - May 2020

+

Science Representative | May 2018 - May 2019

+
+

+ PASAE is an undergraduate organization at Berkeley aimed at uplifting Filipinos and other underrepresented minorities in STEAM. Being Filipino and interested in tech, it was an incredibly important space for me during undergrad as growing up, I wasn't really exposed to those types of opportunities. When I became Science Rep and later President, I got the chance to give back to this space and help other students like me who might've not had the opportunity to explore STEAM before. Tangibly, I planned, facilitated, and executed professional and academic development workshops and panels, alumni networking dinners, and other events. +

+
+
+
+
+ +
+
+

Portfolio

+
+
+
+
+ Card image + +
+

Sound Space

+
+

Space exploration game that integrates Max/MSP into Unity to generate sound through user input.

+
+
+
+
+
+ Card image + +
+

Ghost Quest

+
+

Dragon Quest-inspired RPG about ghosts. On a team of 4, I mainly focused on sound/music integration to improve player immersion.

+
+
+
+
+
+
+ + + + + + + + + + + From 8a337300458ef7e952de6bd2d216654d023162a6 Mon Sep 17 00:00:00 2001 From: Dhruv <58906323+dhruv-colosus@users.noreply.github.com> Date: Thu, 1 Oct 2020 11:03:13 +0530 Subject: [PATCH 3/3] Update style.css --- style.css | 40 +++++++++++++++++++++++++++++++++++++++- 1 file changed, 39 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index 4d26a11..2d5f188 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,5 @@ +@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro'); +@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); html { scroll-behavior: smooth; scroll-padding-top: 64px; @@ -8,7 +10,8 @@ body { } h1, h2, h3, h4, h5, h6, p.title, .company { - font-family: 'Alegreya Sans SC', sans-serif; + font-family: 'Bebas Neue', sans-serif; + letter-spacing: 4px; } p, a { @@ -200,3 +203,38 @@ h4 { margin: auto; width: 25%; } + + + +#main { + border-right: solid 3px rgba(0,255,0,.75); + white-space: nowrap; + overflow: hidden; + font-family: 'Source Code Pro', monospace; + font-size: 28px; + color: rgba(255,255,255,.70); + text-align: center; + margin: auto; +} + +/* Animation */ +#main { + animation: animated-text 4s steps(29,end) 1s 1 normal both, + animated-cursor 600ms steps(29,end) infinite; +} + +/* text animation */ + +@keyframes animated-text{ + from{width: 0;} + to{width: 472px;} +} + +/* cursor animations */ + +@keyframes animated-cursor{ + from{border-right-color: rgba(0,255,0,.75);} + to{border-right-color: transparent;} +} + +