From bc2ee4a9012d43291e2e461b3bffeaa99991f24e Mon Sep 17 00:00:00 2001 From: joshua-ching Date: Tue, 24 Oct 2023 18:45:36 -0700 Subject: [PATCH] added gradient font and half wa done with homepage draft --- Gemfile.lock | 8 +- _layouts/default.html | 4 +- _sass/_basic.scss | 6 + img/undraw/github-button-img.svg | 5 + img/undraw/image 23.svg | 9 ++ img/undraw/undraw_proud_coder_re_exuy 1.svg | 79 ++++++++++++ img/undraw/undraw_team_spirit_re_yl1v 1.svg | 94 +++++++++++++++ img/undraw/undraw_teamwork_hpdk 1.svg | 98 +++++++++++++++ img/undraw/undraw_teamwork_hpdk 2.svg | 98 +++++++++++++++ index.html | 127 ++++++++++++++++++-- 10 files changed, 519 insertions(+), 9 deletions(-) create mode 100644 img/undraw/github-button-img.svg create mode 100644 img/undraw/image 23.svg create mode 100644 img/undraw/undraw_proud_coder_re_exuy 1.svg create mode 100644 img/undraw/undraw_team_spirit_re_yl1v 1.svg create mode 100644 img/undraw/undraw_teamwork_hpdk 1.svg create mode 100644 img/undraw/undraw_teamwork_hpdk 2.svg diff --git a/Gemfile.lock b/Gemfile.lock index b8bda348..1f511af7 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -13,6 +13,7 @@ GEM eventmachine (1.2.7) eventmachine (1.2.7-x64-mingw32) ffi (1.15.5) + ffi (1.15.5-x64-mingw-ucrt) ffi (1.15.5-x64-mingw32) forwardable-extended (2.6.0) html-proofer (4.4.0) @@ -67,6 +68,8 @@ GEM nokogiri (1.13.8) mini_portile2 (~> 2.8.0) racc (~> 1.4) + nokogiri (1.13.8-x64-mingw-ucrt) + racc (~> 1.4) nokogiri (1.13.8-x64-mingw32) racc (~> 1.4) parallel (1.22.1) @@ -95,12 +98,14 @@ GEM tzinfo-data (1.2020.2) tzinfo (>= 1.0.0) unicode-display_width (1.8.0) + wdm (0.1.1) webrick (1.7.0) yell (2.2.2) zeitwerk (2.6.0) PLATFORMS ruby + x64-mingw-ucrt x64-mingw32 DEPENDENCIES @@ -112,7 +117,8 @@ DEPENDENCIES jekyll-seo-tag rake tzinfo-data + wdm (~> 0.1.0) webrick BUNDLED WITH - 2.2.5 + 2.4.21 diff --git a/_layouts/default.html b/_layouts/default.html index 6ab74b27..44f7dbec 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -28,7 +28,9 @@
-

ACM Teach LA

+

ACM Teach LA + +

making coding accessible. diff --git a/_sass/_basic.scss b/_sass/_basic.scss index 24809016..e4647110 100644 --- a/_sass/_basic.scss +++ b/_sass/_basic.scss @@ -79,6 +79,12 @@ ul > li { color: $teachla-green; } +.text-teachla-gradient{ + background: linear-gradient(90deg, #50C509,#BCF223); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + .text-center{ text-align: center; } diff --git a/img/undraw/github-button-img.svg b/img/undraw/github-button-img.svg new file mode 100644 index 00000000..528172fd --- /dev/null +++ b/img/undraw/github-button-img.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/img/undraw/image 23.svg b/img/undraw/image 23.svg new file mode 100644 index 00000000..fcec8c9a --- /dev/null +++ b/img/undraw/image 23.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/img/undraw/undraw_proud_coder_re_exuy 1.svg b/img/undraw/undraw_proud_coder_re_exuy 1.svg new file mode 100644 index 00000000..9122d88b --- /dev/null +++ b/img/undraw/undraw_proud_coder_re_exuy 1.svg @@ -0,0 +1,79 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/undraw/undraw_team_spirit_re_yl1v 1.svg b/img/undraw/undraw_team_spirit_re_yl1v 1.svg new file mode 100644 index 00000000..6d222f37 --- /dev/null +++ b/img/undraw/undraw_team_spirit_re_yl1v 1.svg @@ -0,0 +1,94 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/undraw/undraw_teamwork_hpdk 1.svg b/img/undraw/undraw_teamwork_hpdk 1.svg new file mode 100644 index 00000000..3dc97b9b --- /dev/null +++ b/img/undraw/undraw_teamwork_hpdk 1.svg @@ -0,0 +1,98 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/undraw/undraw_teamwork_hpdk 2.svg b/img/undraw/undraw_teamwork_hpdk 2.svg new file mode 100644 index 00000000..f1f24ff0 --- /dev/null +++ b/img/undraw/undraw_teamwork_hpdk 2.svg @@ -0,0 +1,98 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html index fdb39eb0..fc23dcdb 100644 --- a/index.html +++ b/index.html @@ -3,18 +3,130 @@ title: "Home" --- + +
-
- clip art showing diverse group of profile images on webpage -
-
-

Virtual Learning

+
+

What we do

- Due to updates with the COVID-19 pandemic, as of now, the majority of UCLA courses will be taught in person. As a result, Teach LA has shifted most of its classes back to in person instruction. However, our Python courses will utilize virtual spaces and will continue to operate remotely until further notice. As many of our partner schools continue to make the transition to in-person learning, we will work with teachers and our instructors to determine the best way to continue serving our students. -

+ ttr incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. +

+ Duis aute irure dolor ittn reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+
+ +
+ clip art showing diverse group of profile images on webpage
+ + + +
+
+

Create

+ +
From a fun and engaging curriculum to stellar online learning modules we do it all
+
+ +
+

Teach

+ +
We teach programming fundamentals, intro to web development, and more
+
+ +
+

Repeat

+ +
Classes are taught weekly and we are always continuing to expand our curriculum and learning labs
+
+
+ + +
+

What we make

+

Our dev team develops online modules called Learning Labs that each focus on a specific topic in computer science, such as CNNs, cryptography, and password security. Through interactive activities and visuals, our Learning Labs aim to make complicated concepts easy to digest!

+
+ + +
+
+
+ Bool bots + + + +
+ + + +
A game used to help supplement Teach LA's python courses and help students learn more about booleans!
+ +
+ +
+ +
+
+ + +
Tutors working with students at our Day of Code event @@ -30,6 +142,7 @@

How does it work?

+
Preview of our editor