From f2c50264a430cd1b45c060b51eb393a00802fa97 Mon Sep 17 00:00:00 2001 From: Kelly Dong Date: Mon, 1 Feb 2021 16:14:20 -0500 Subject: [PATCH 01/12] changed the layout to redesigned homepage --- index.html | 146 ++++++++++++++++++++++++++++++++--------------------- 1 file changed, 88 insertions(+), 58 deletions(-) diff --git a/index.html b/index.html index 551998fd..439d2d76 100644 --- a/index.html +++ b/index.html @@ -30,75 +30,105 @@

Activity

-

High School Programs

-

- - Uncommon Sense - -

-

Uncommon Sense is a free weekly program launched in partnership with Stanford Effective Altruism for curious - highschoolers interested in learning ways to - form hypotheses about the world and make decisions that effectively accomplish their goals. - Students will match wits with AIs, instructors, and each other as they explore topics like cognitive - psychology, - game theory, prediction markets, and so much more! -

- Click here to learn more and - sign - up! -
-
-

Middle School Programs

-
-
+

Summer Programs

+

- - Form and Function + + Hello World

-

Form and Function gives middle schoolers the power to crack the “code” of web development! Our free - weekly - after-school program helps you transform the web into a canvas for your ideas. Interactive projects, - demos, - and individual help will teach you how to use HTML, CSS, and JavaScript to create your own unique - website. +

+ +
+

Hello World is a summer camp for motivated girls to learn to build their own websites, getting + down-and-dirty + with real code. Every camper will learn the principles of front-end web development and the + heart of + CSS, + HTML, and JavaScript. Moreover, she’ll get the techniques, resources, and passion to continue + tinkering + with + code for the rest of her life!

- Click here to learn more and sign - up! - + Click here to learn more!
- +
+

+ + Neural Logical + +

+
+ +
+

Program description TBD +

+ Click here to learn more! +
+
+

+ + Uncommon Sense + +

+
+ +
+

Uncommon Sense is a free weekly program launched in partnership with Stanford Effective Altruism for curious + highschoolers interested in learning ways to + form hypotheses about the world and make decisions that effectively accomplish their goals. + Students will match wits with AIs, instructors, and each other as they explore topics like cognitive + psychology, game theory, prediction markets, and so much more! +

+ Click here to learn more and + sign up! + +
+ +
+
+

After School Programs

+
+

+ + Form and Function + +

+

Form and Function gives middle schoolers the power to crack the “code” of web development! Our free + weekly + after-school program helps you transform the web into a canvas for your ideas. Interactive projects, + demos, + and individual help will teach you how to use HTML, CSS, and JavaScript to create your own unique + website. +

+ Click here to learn more and sign + up! -
- -
- -
-
-

- - Hello World - -

-

Hello World is a summer camp for motivated girls to learn to build their own websites, getting - down-and-dirty - with real code. Every camper will learn the principles of front-end web development and the - heart of - CSS, - HTML, and JavaScript. Moreover, she’ll get the techniques, resources, and passion to continue - tinkering - with - code for the rest of her life! -

- Click here to learn more! +
-
+
+

+ + Uncommon Sense + +

+
+
- +

Uncommon Sense is a free weekly program launched in partnership with Stanford Effective Altruism for curious + highschoolers interested in learning ways to + form hypotheses about the world and make decisions that effectively accomplish their goals. + Students will match wits with AIs, instructors, and each other as they explore topics like cognitive + psychology, game theory, prediction markets, and so much more! +

+ Click here to learn more and + sign up! +
From 3967f61a9121097bd52a9aa5c6f5208dd119467d Mon Sep 17 00:00:00 2001 From: sasha Date: Sun, 7 Feb 2021 16:40:12 -0800 Subject: [PATCH 02/12] I made homepage boxes to be in a row. We still need to make boxes blickable, make fancy colors when boxes are clicked, and make it work on mobile --- index.html | 186 +++++++++++++++++++++++++--------------------- styles/index.scss | 19 ++++- 2 files changed, 120 insertions(+), 85 deletions(-) diff --git a/index.html b/index.html index 439d2d76..90fdf287 100644 --- a/index.html +++ b/index.html @@ -31,103 +31,121 @@

Activity

Summer Programs

-
-

- - Hello World - -

-
- +
+ +
+

+ + Hello World + +

+ +
+ +
+

Hello World is a summer camp for motivated girls to learn to build their own websites, getting + down-and-dirty + with real code. Every camper will learn the principles of front-end web development and the + heart of + CSS, + HTML, and JavaScript. Moreover, she’ll get the techniques, resources, and passion to continue + tinkering + with + code for the rest of her life! +

+ + Click here to learn more!
-

Hello World is a summer camp for motivated girls to learn to build their own websites, getting - down-and-dirty - with real code. Every camper will learn the principles of front-end web development and the - heart of - CSS, - HTML, and JavaScript. Moreover, she’ll get the techniques, resources, and passion to continue - tinkering - with - code for the rest of her life! -

- Click here to learn more! -
-
-

+ +
+

Neural Logical -

-
- +

+
+ +
+

Program description TBD +

+ Click here to learn more!
-

Program description TBD -

- Click here to learn more! -
-
-

- - Uncommon Sense - -

-
- + + +
+
+

+ + Uncommon Sense + +

+
+ +
+

Uncommon Sense is a free weekly program launched in partnership with Stanford Effective Altruism for curious + highschoolers interested in learning ways to + form hypotheses about the world and make decisions that effectively accomplish their goals. + Students will match wits with AIs, instructors, and each other as they explore topics like cognitive + psychology, game theory, prediction markets, and so much more! +

+ Click here to learn more and + sign up! + +
-

Uncommon Sense is a free weekly program launched in partnership with Stanford Effective Altruism for curious - highschoolers interested in learning ways to - form hypotheses about the world and make decisions that effectively accomplish their goals. - Students will match wits with AIs, instructors, and each other as they explore topics like cognitive - psychology, game theory, prediction markets, and so much more! -

- Click here to learn more and - sign up!
-

After School Programs

-
-

- - Form and Function - -

-
- +
+ +
+
+

+ + Form and Function + +

+
+ +
+

Form and Function gives middle schoolers the power to crack the “code” of web development! Our free + weekly + after-school program helps you transform the web into a canvas for your ideas. Interactive projects, + demos, + and individual help will teach you how to use HTML, CSS, and JavaScript to create your own unique + website. +

+ Click here to learn more and sign + up! +
-

Form and Function gives middle schoolers the power to crack the “code” of web development! Our free - weekly - after-school program helps you transform the web into a canvas for your ideas. Interactive projects, - demos, - and individual help will teach you how to use HTML, CSS, and JavaScript to create your own unique - website. -

- Click here to learn more and sign - up! - -
- -
-

- - Uncommon Sense - -

-
- + + +
+
+

+ + Uncommon Sense + +

+
+ +
+

Uncommon Sense is a free weekly program launched in partnership with Stanford Effective Altruism for curious + highschoolers interested in learning ways to + form hypotheses about the world and make decisions that effectively accomplish their goals. + Students will match wits with AIs, instructors, and each other as they explore topics like cognitive + psychology, game theory, prediction markets, and so much more! +

+ Click here to learn more and + sign up! + +
-

Uncommon Sense is a free weekly program launched in partnership with Stanford Effective Altruism for curious - highschoolers interested in learning ways to - form hypotheses about the world and make decisions that effectively accomplish their goals. - Students will match wits with AIs, instructors, and each other as they explore topics like cognitive - psychology, game theory, prediction markets, and so much more! -

- Click here to learn more and - sign up!
diff --git a/styles/index.scss b/styles/index.scss index 8c43a1b3..2cd7dc32 100644 --- a/styles/index.scss +++ b/styles/index.scss @@ -47,4 +47,21 @@ margin: auto; padding-left: 0 !important; } -} \ No newline at end of file +} +.homepage-container { + display: flex; + flex-direction: row; //mobile-first layout + padding: 0 -5px; + align-content: stretch; + align-items: stretch; + justify-content: space-evenly; + + } + + .homepage-column{ + min-width: 200px; + margin: 5px; + padding: 20px; + border-width: 10px; + flex: 1 1 0px; + } \ No newline at end of file From 8a2cfaeb05d3b46c16f941e524aa37cd57bb100e Mon Sep 17 00:00:00 2001 From: sasha Date: Sun, 7 Feb 2021 16:41:24 -0800 Subject: [PATCH 03/12] Update index.scss --- styles/index.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/styles/index.scss b/styles/index.scss index 2cd7dc32..4b71d971 100644 --- a/styles/index.scss +++ b/styles/index.scss @@ -64,4 +64,5 @@ padding: 20px; border-width: 10px; flex: 1 1 0px; - } \ No newline at end of file + } + From 9b564820ee6d1216d36bda9b1f8e167c8a767259 Mon Sep 17 00:00:00 2001 From: Sophia Date: Mon, 15 Feb 2021 19:05:00 -0800 Subject: [PATCH 04/12] add flex wrap for mobile --- styles/index.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/styles/index.scss b/styles/index.scss index 5471452a..520daab4 100644 --- a/styles/index.scss +++ b/styles/index.scss @@ -55,14 +55,14 @@ align-content: stretch; align-items: stretch; justify-content: space-evenly; + flex-wrap: wrap; +} - } - - .homepage-column{ +.homepage-column{ min-width: 200px; margin: 5px; padding: 20px; border-width: 10px; flex: 1 1 0px; - } +} From c05a91f1830475b64a54226e5cd91db59cd57cfa Mon Sep 17 00:00:00 2001 From: sasha Date: Sat, 3 Apr 2021 20:15:32 -0700 Subject: [PATCH 05/12] made boxes clickable, updated Neural Logical info, updated pictures --- imgs/US_homepage_bot.svg | 1 + index.html | 88 +++++++++++++++++++--------------------- styles/index.scss | 10 +++++ 3 files changed, 53 insertions(+), 46 deletions(-) create mode 100644 imgs/US_homepage_bot.svg diff --git a/imgs/US_homepage_bot.svg b/imgs/US_homepage_bot.svg new file mode 100644 index 00000000..f788d7c9 --- /dev/null +++ b/imgs/US_homepage_bot.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.html b/index.html index 7c81969a..661754e1 100644 --- a/index.html +++ b/index.html @@ -31,14 +31,15 @@

Summer Programs

-

- - Hello World - -

+
+

+ + Hello World + +

- +

Hello World is a summer camp for motivated girls to learn to build their own websites, getting down-and-dirty @@ -50,34 +51,34 @@

with code for the rest of her life!

- - Click here to learn more! +

-
-

- - Neural Logical - -

-
- +
+
+

+ + Neural Logical + +

+
+ +
+

Neural Logical is a free two-week summer camp that teaches highschoolers to use AI to solve real world problems such as identifying tumors in MRI scans. Students will use their knowledge of Python to create their own neural networks (the most popular machine learning technique) in the Keras framework. By the end of the camp, students will understand how a neural network works, the math behind it, and how to build one of their very own! +

+
-

Program description TBD -

- Click here to learn more! -
-
+

Uncommon Sense

- +

Uncommon Sense is a free weekly program launched in partnership with Stanford Effective Altruism for curious @@ -86,8 +87,6 @@

Students will match wits with AIs, instructors, and each other as they explore topics like cognitive psychology, game theory, prediction markets, and so much more!

- Click here to learn more and - sign up!

@@ -102,37 +101,37 @@

After School Programs

-
-

- - Form and Function - -

-
- +
+
+

+ + Form and Function + +

+
+ +
+

Form and Function gives middle schoolers the power to crack the “code” of web development! Our free + weekly + after-school program helps you transform the web into a canvas for your ideas. Interactive projects, + demos, + and individual help will teach you how to use HTML, CSS, and JavaScript to create your own unique + website. +

-

Form and Function gives middle schoolers the power to crack the “code” of web development! Our free - weekly - after-school program helps you transform the web into a canvas for your ideas. Interactive projects, - demos, - and individual help will teach you how to use HTML, CSS, and JavaScript to create your own unique - website. -

- Click here to learn more and sign - up!
-
+

Uncommon Sense

- +

Uncommon Sense is a free weekly program launched in partnership with Stanford Effective Altruism for curious @@ -141,9 +140,6 @@

Students will match wits with AIs, instructors, and each other as they explore topics like cognitive psychology, game theory, prediction markets, and so much more!

- Click here to learn more and - sign up! -

diff --git a/styles/index.scss b/styles/index.scss index 520daab4..ee8213bf 100644 --- a/styles/index.scss +++ b/styles/index.scss @@ -65,4 +65,14 @@ border-width: 10px; flex: 1 1 0px; } +.link-column { + transition: 0.2s; + &:hover { + box-shadow: 2px 2px 5px $dark; + border-radius: 10px; + } + p { + color: $dark; + } + } From fb3d4975b28aa93f9c0f7e9ad6d137ae2d453349 Mon Sep 17 00:00:00 2001 From: Sophia Date: Fri, 30 Jul 2021 21:11:41 -0700 Subject: [PATCH 06/12] update uncommon sense logo svg --- imgs/US_homepage_bot.svg | 1 - imgs/USbrain.svg | 1 + 2 files changed, 1 insertion(+), 1 deletion(-) delete mode 100644 imgs/US_homepage_bot.svg create mode 100644 imgs/USbrain.svg diff --git a/imgs/US_homepage_bot.svg b/imgs/US_homepage_bot.svg deleted file mode 100644 index f788d7c9..00000000 --- a/imgs/US_homepage_bot.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/imgs/USbrain.svg b/imgs/USbrain.svg new file mode 100644 index 00000000..e28cfe45 --- /dev/null +++ b/imgs/USbrain.svg @@ -0,0 +1 @@ + \ No newline at end of file From 7b1b4df9fdfd90716f756e15ea8838bc6a5ba533 Mon Sep 17 00:00:00 2001 From: Sophia Date: Fri, 30 Jul 2021 21:12:03 -0700 Subject: [PATCH 07/12] replace seasonal bit by bot summer --- index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.html b/index.html index 661754e1..3dd7c8e5 100644 --- a/index.html +++ b/index.html @@ -21,7 +21,7 @@

Activity

- +
From b6bc05c02ab0bfebc38118120fb8487cbb850f87 Mon Sep 17 00:00:00 2001 From: Sophia Date: Fri, 30 Jul 2021 21:12:51 -0700 Subject: [PATCH 08/12] add fundraising blurb with boxes --- index.html | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/index.html b/index.html index 3dd7c8e5..36d096a3 100644 --- a/index.html +++ b/index.html @@ -92,6 +92,28 @@

+
+
+

Fundraiser: Improving Coding Education to Underrepresented Groups

+

+ We are so grateful for the continuing success of our summer programs in teaching web development to + female + and + non-binary middle school students. As we prepare our school-year programs, we are seeking to improve the + student + experience through expanding our reach to underrepresented communities, providing students with better + access to + technology, and buying additional equipment to enhance the learning environment. +

+

Through your + support + of our programs, we can spread the knowledge of code and give everyone the ability to make an impact. + + No amount is too small -- any donation will help us spread our mission. Learn more or contribute + directly here!

+
From c374946138e496c2640a239a9fa229a1ae16f9ed Mon Sep 17 00:00:00 2001 From: Sophia Date: Fri, 30 Jul 2021 21:13:46 -0700 Subject: [PATCH 09/12] update uncommon sense seminar info --- index.html | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index 36d096a3..3382204b 100644 --- a/index.html +++ b/index.html @@ -155,12 +155,11 @@

-

Uncommon Sense is a free weekly program launched in partnership with Stanford Effective Altruism for curious - highschoolers interested in learning ways to - form hypotheses about the world and make decisions that effectively accomplish their goals. - Students will match wits with AIs, instructors, and each other as they explore topics like cognitive - psychology, game theory, prediction markets, and so much more! +

Uncommon Sense is a free critical thinking summer program for rising highschool freshmen to + rising college freshmen hosted in California. + Students will listen to and converse with speakers from Stanford, OpenAI, and Carnegie Mellon + University, exploring concepts at the heart of disciplines such as + machine learning, game theory, and statistics

From a7c646088f494e3a9511f7b669341aa310db35e5 Mon Sep 17 00:00:00 2001 From: Sophia Date: Fri, 30 Jul 2021 21:14:22 -0700 Subject: [PATCH 10/12] delete old commented out html --- index.html | 55 +++--------------------------------------------------- 1 file changed, 3 insertions(+), 52 deletions(-) diff --git a/index.html b/index.html index 3382204b..4439cae5 100644 --- a/index.html +++ b/index.html @@ -171,21 +171,9 @@

- - - - - - - - - - \ No newline at end of file +
\ No newline at end of file From 6d88ffb8135985c0e6ab67fa2e454bc8f4123b5f Mon Sep 17 00:00:00 2001 From: Sophia Date: Fri, 30 Jul 2021 21:15:07 -0700 Subject: [PATCH 11/12] update formatting into clickable boxes --- index.html | 243 ++++++++++++++++++----------------------------------- 1 file changed, 81 insertions(+), 162 deletions(-) diff --git a/index.html b/index.html index 4439cae5..a7f72ae0 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@ ---
-
+

Mission

To diversify the community of ponderers and creators by equipping the next generation with the tools of @@ -25,73 +25,8 @@

Activity

+
-
-

Summer Programs

-
- -
-
-

- - Hello World - -

- -
- -
-

Hello World is a summer camp for motivated girls to learn to build their own websites, getting - down-and-dirty - with real code. Every camper will learn the principles of front-end web development and the - heart of - CSS, - HTML, and JavaScript. Moreover, she’ll get the techniques, resources, and passion to continue - tinkering - with - code for the rest of her life! -

-
-
- -
-
-

- - Neural Logical - -

-
- -
-

Neural Logical is a free two-week summer camp that teaches highschoolers to use AI to solve real world problems such as identifying tumors in MRI scans. Students will use their knowledge of Python to create their own neural networks (the most popular machine learning technique) in the Keras framework. By the end of the camp, students will understand how a neural network works, the math behind it, and how to build one of their very own! -

-
-
- - -
-
-

- - Uncommon Sense - -

-
- -
-

Uncommon Sense is a free weekly program launched in partnership with Stanford Effective Altruism for curious - highschoolers interested in learning ways to - form hypotheses about the world and make decisions that effectively accomplish their goals. - Students will match wits with AIs, instructors, and each other as they explore topics like cognitive - psychology, game theory, prediction markets, and so much more! -

- -
-
- -

Fundraiser: Improving Coding Education to Underrepresented Groups

@@ -118,43 +53,31 @@

Fundraiser: Improving Coding Education to Underrepresented

-
-

After School Programs

-
- -
-
-
-

- - Form and Function - -

-
- -
-

Form and Function gives middle schoolers the power to crack the “code” of web development! Our free - weekly - after-school program helps you transform the web into a canvas for your ideas. Interactive projects, - demos, - and individual help will teach you how to use HTML, CSS, and JavaScript to create your own unique - website. -

-
+

Summer Programs

+
+
+ +
+

Neural Logical

+ +

Neural Logical is a free summer camp for highschoolers to + solve real world problems using AI. Students will use + their knowledge of Python to create their own neural networks (the most popular machine + learning technique) in the Keras framework. By the end of the camp, students will + understand the math behind a neural network and how to build one of their own! +

-
- -
-
-

- - Uncommon Sense - -

-
- -
+
+
+ +
+

Uncommon Sense Seminar

+

Uncommon Sense is a free critical thinking summer program for rising highschool freshmen to rising college freshmen hosted in California. Students will listen to and converse with speakers from Stanford, OpenAI, and Carnegie Mellon @@ -162,78 +85,74 @@

machine learning, game theory, and statistics

-
-
- +
+ +
+

Hello World

+ +

Hello World is a summer camp for motivated girls to learn to build their own websites, + getting + down-and-dirty + with real code. Every camper will learn the principles of front-end web development and the + heart of + CSS, + HTML, and JavaScript. Moreover, she’ll get the techniques, resources, and passion to + continue + tinkering + with + code for the rest of her life! +

+
+
+

After School Programs

+ +
+

+ Form and Function +

+ +

Form and Function gives middle schoolers the power to crack the “code” of web + development! Our free + weekly + after-school program helps you transform the web into a canvas for your ideas. + Interactive projects, + demos, + and individual help will teach you how to use HTML, CSS, and JavaScript to create your + own unique + website. +

+
+
-

- - Form and Function - -

-

Form and Function gives middle schoolers the power crack the “code” of web development! Our free - weekly - after-school program helps you transform the web into a canvas for your ideas. Interactive projects, - demos, - and individual help will teach you how to use HTML, CSS, and JavaScript to create your own unique - website. -

- Click here to learn more and sign - up! -
- -
-
-

- + +
+

Uncommon Sense - -

-

Uncommon Sense is a free weekly program launched in partnership with Stanford Effective Altruism for curious - highschoolers interested in learning ways to - form hypotheses about the world and make decisions that effectively accomplish their goals. - Students will match wits with AIs, instructors, and each other as they explore topics like cognitive - psychology, - game theory, prediction markets, and so much more! -

- Click here to learn more and sign - up! -
-
- -
-

-
--> - - +

Uncommon Sense is a free weekly program launched in partnership with Stanford Effective Altruism + for curious + highschoolers interested in learning ways to + form hypotheses about the world and make decisions that effectively accomplish their goals. + Students will match wits with AIs, instructors, and each other as they explore topics like + cognitive + psychology, game theory, prediction markets, and so much more!

From 8fea0a86cec13e0af2f94c095c10969f40961b5f Mon Sep 17 00:00:00 2001 From: Sophia Date: Fri, 30 Jul 2021 21:15:26 -0700 Subject: [PATCH 12/12] make pretty --- styles/index.scss | 84 ++++++++++++++++++++++++++--------------------- 1 file changed, 46 insertions(+), 38 deletions(-) diff --git a/styles/index.scss b/styles/index.scss index ee8213bf..54596495 100644 --- a/styles/index.scss +++ b/styles/index.scss @@ -2,15 +2,6 @@ --- @import 'variables'; -.bot { - margin-top: 20px; -} - -.section img { - height: 200px; - padding-left: 75px; -} - #righttext { flex-grow: 10; } @@ -24,55 +15,72 @@ } } -#pumpkin { +.box { + display: flex; + align-items: center; + justify-content: center; +} + +.box-img { + height: 150px; + padding-top: 10px; +} + +#seasonal { width: 225px; - height: auto; } @media screen and (min-width: 992px) { - #pumpkin { + #seasonal { width: 175px; } } @media screen and (max-width: 767px) { - .computerbot { - display: none; + #seasonal { + width: 100px; } - #pumpkin { - padding: 0; - } - .bot { + .box-img { display: block; - margin: auto; padding-left: 0 !important; } } -.homepage-container { - display: flex; - flex-direction: row; //mobile-first layout - padding: 0 -5px; - align-content: stretch; - align-items: stretch; - justify-content: space-evenly; - flex-wrap: wrap; + +.plain { + text-decoration: none; + h3 { + text-decoration: underline; + } + p { + color: $body-color; + } + &:hover { + color: $dark; + } } - -.homepage-column{ - min-width: 200px; - margin: 5px; + +#fundraising-banner { + background:linear-gradient(-45deg, #ffc0799d 0%, #48afce83 100%) ; padding: 20px; - border-width: 10px; - flex: 1 1 0px; + margin-bottom: 20px; + border-radius: 20px; } + +#bannertop { + padding: 19px; + background: #fff; + border-radius: 10px; +} + .link-column { + padding: 15px; + margin-top: -20px; + background-color: rgba(105, 206, 236, 0.20); + // box-shadow: 1px 1px 5px $dark; + border-radius: 20px; transition: 0.2s; &:hover { - box-shadow: 2px 2px 5px $dark; - border-radius: 10px; - } - p { - color: $dark; + box-shadow: 1px 1px 8px rgba(86, 162, 185, 0.705); } }