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 diff --git a/index.html b/index.html index 138bc7d5..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 @@ -21,218 +21,141 @@

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

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

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

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!

+
-
-

Middle 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! - -
- -
- -
- -
- -
- +

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

-
-

- - Hello World - -

-

Hello World is a summer camp for motivated girls to learn to build their own websites, getting + +

+
+ +
+

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 + University, exploring concepts at the heart of disciplines such as + 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 + 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! -
-
+
- - - - +

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!

-
-

Times:
- Session 1 (HTML/CSS): August 3rd-7th, 2:00-4:00 pm PST
- Session 2 (JavaScript): August 10th-14th, 2:00-4:00 pm PST

-
-
-

Cost:
- Online: FREE (suggested donation: $30)

-
-
- -
-
--> - - - - - - \ No newline at end of file +
\ No newline at end of file diff --git a/styles/index.scss b/styles/index.scss index 4ca8014d..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,27 +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; } -} \ No newline at end of file +} + +.plain { + text-decoration: none; + h3 { + text-decoration: underline; + } + p { + color: $body-color; + } + &:hover { + color: $dark; + } +} + +#fundraising-banner { + background:linear-gradient(-45deg, #ffc0799d 0%, #48afce83 100%) ; + padding: 20px; + 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: 1px 1px 8px rgba(86, 162, 185, 0.705); + } + } +