From bc2ee4a9012d43291e2e461b3bffeaa99991f24e Mon Sep 17 00:00:00 2001 From: joshua-ching Date: Tue, 24 Oct 2023 18:45:36 -0700 Subject: [PATCH 1/2] 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 From cf952e329303a084712c9df3b75ddf0651b07b0f Mon Sep 17 00:00:00 2001 From: joshua-ching Date: Fri, 3 May 2024 23:39:12 -0700 Subject: [PATCH 2/2] final draft of home page --- _sass/_basic.scss | 2 + img/undraw/python class image.svg | 9 + img/undraw/student graphic.svg | 9 + img/undraw/zoompic.svg | 9 + index.html | 547 ++++++++++++++++++++---------- 5 files changed, 400 insertions(+), 176 deletions(-) create mode 100644 img/undraw/python class image.svg create mode 100644 img/undraw/student graphic.svg create mode 100644 img/undraw/zoompic.svg diff --git a/_sass/_basic.scss b/_sass/_basic.scss index e4647110..3dcc4d51 100644 --- a/_sass/_basic.scss +++ b/_sass/_basic.scss @@ -8,6 +8,8 @@ margin-top: -70px; } + + html{ box-sizing: border-box; padding: 0; diff --git a/img/undraw/python class image.svg b/img/undraw/python class image.svg new file mode 100644 index 00000000..a9184079 --- /dev/null +++ b/img/undraw/python class image.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/img/undraw/student graphic.svg b/img/undraw/student graphic.svg new file mode 100644 index 00000000..bb023ba3 --- /dev/null +++ b/img/undraw/student graphic.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/img/undraw/zoompic.svg b/img/undraw/zoompic.svg new file mode 100644 index 00000000..8e04af4e --- /dev/null +++ b/img/undraw/zoompic.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/index.html b/index.html index fc23dcdb..f0483860 100644 --- a/index.html +++ b/index.html @@ -1,176 +1,371 @@ ---- -layout: default -title: "Home" ---- - - - - -
-
-

What we do

-

- 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 -
-
-

How does it work?

-

- Teach LA's flagship program is teaching classes, which typically meet once or twice a week for a quarter. Classes have a wide variety of objectives, ranging from an introduction to python or web development to advanced topics such as machine learning and data science. Each class balances instruction and time for hands-on experimentation, with trained teachers helping students learn and use the material. -

-
- Learn More - Meet Our Team -
-
-
- -
-
- Preview of our editor -
-
-

<editor project>

-

- We've developed an open-source online code editor specifically targeted towards students learning how to code. Students can sign up easily, and our service stores and runs their code - which removes issues about using a specific computer, and allows students to access their code anywhere! We currently support Python, HTML, and Processing, and plan on adding more features soon! -

-
- Try Our Editor - Source Code -
-
-
-
-
- Cipher Salad home screen -
-
-

<learning labs>

-

- 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 secruity. - Through interactive activities and visuals, our Learning Labs aim to make complicated concepts easy to digest! -

-
- Learn More -
-
-
-{% include contact-cta.html %} +--- +layout: default +title: "Home" +--- + + + + +
+
+ +
+ +
+ What we do + +
+ 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. + +
+
+ + +
+
+

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!
+
+ +
+ Bool Bots + + +
A game used to help supplement Teach LA's python courses and help students learn more about booleans!
+
+ +
+ Bool Bots + + +
A game used to help supplement Teach LA's python courses and help students learn more about booleans!
+
+ + +
+ + +
+ +
+ +
+ +
+ What we teach + + Depending on the group of students and their coding backgrounds, we shape the class to maximize their learning. Topics that students have learned in the past include programming fundamentals (in Python or Scratch) and intro to web development (in HTML/CSS), as well as complex topics like machine learning and mobile app development. +

+ We’re looking to expand our set of topics: data science, game development, digital art, you name it - if you're interested, get in touch! + +
+ +
+ + +
+
+ Intro to Programming with Python + + 8 one-hour classes + No experience required +
+ +
+ Intro to Programming with Python + + 8 one-hour classes + No experience required +
+ +
+ Intro to Programming with Python + + 8 one-hour classes + No experience required +
+
+ + + +Most recent blog + +
+ +
+ +
+ +
+ +
+
+ D E V + | October 13, 2020 +
+ + Ingredients of "Cipher Salad" + by Rachel, Leo, Janis, and Lisha +
+ +
+ We prepared Cipher Salad in collaboration with ACM Cyber and CityLab at UCLA as an introductory cryptography mini lesson for students of all ages. Cryptography is one of those subjects that can intimidate even a college CS student (ourselves included!), but it’s an important part of CS, and we wanted to make it accessible to as many people as possible. +
+
+ +
+
+ +{% include contact-cta.html %} + + + + + + + + + + + + + + + + + + + + + + + +