diff --git a/coder-dojo-homepage/v1/README.md b/coder-dojo-homepage/v1/README.md index 38c362f..89d5009 100644 --- a/coder-dojo-homepage/v1/README.md +++ b/coder-dojo-homepage/v1/README.md @@ -2,20 +2,18 @@ ## Goals -### Goal 1 - - Get all text content and image content on screen in the correct order - Use semantic html tags (p, section, header, footer, form, etc) -### Goal 2 +## Hold for later +- Add classnames to elements - Add background colours to sections with CSS +- Size images better with CSS - Add margins between sections with CSS - -## Hold for later - -- Using divs to center content and impose max width on centred content. +- Using divs/container classes to center content and impose max width on centred content. - Using flex/grid to place grouped elements side by side -- Add some Javascript to the site (on the form, on the login button) +- Make the coderdojo and raspberry pi logos links - Add embedded video with placeholder image +- Add some Javascript to the site (on the form, on the login button) - Get everyone's attempts hosted on a subdir of the repo's GitHub page diff --git a/coder-dojo-homepage/v1/assets/coder_dojo_ninjas_celebrating.jpg b/coder-dojo-homepage/v1/assets/coder_dojo_ninjas_celebrating.jpg new file mode 100644 index 0000000..e955f43 Binary files /dev/null and b/coder-dojo-homepage/v1/assets/coder_dojo_ninjas_celebrating.jpg differ diff --git a/coder-dojo-homepage/v1/assets/coderdojo_class.jpg b/coder-dojo-homepage/v1/assets/coderdojo_class.jpg new file mode 100644 index 0000000..66662c8 Binary files /dev/null and b/coder-dojo-homepage/v1/assets/coderdojo_class.jpg differ diff --git a/coder-dojo-homepage/v1/assets/coderdojo_icon.svg b/coder-dojo-homepage/v1/assets/coderdojo_icon.svg new file mode 100644 index 0000000..644bcbe --- /dev/null +++ b/coder-dojo-homepage/v1/assets/coderdojo_icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/coder-dojo-homepage/v1/assets/coderdojo_main_logo.svg b/coder-dojo-homepage/v1/assets/coderdojo_main_logo.svg new file mode 100644 index 0000000..2d750f0 --- /dev/null +++ b/coder-dojo-homepage/v1/assets/coderdojo_main_logo.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/coder-dojo-homepage/v1/assets/coderdojo_mentor_writing_on_whiteboard.jpg b/coder-dojo-homepage/v1/assets/coderdojo_mentor_writing_on_whiteboard.jpg new file mode 100644 index 0000000..c4f4931 Binary files /dev/null and b/coder-dojo-homepage/v1/assets/coderdojo_mentor_writing_on_whiteboard.jpg differ diff --git a/coder-dojo-homepage/v1/assets/coderdojo_volunteer_helps_class.jpg b/coder-dojo-homepage/v1/assets/coderdojo_volunteer_helps_class.jpg new file mode 100644 index 0000000..22eab5d Binary files /dev/null and b/coder-dojo-homepage/v1/assets/coderdojo_volunteer_helps_class.jpg differ diff --git a/coder-dojo-homepage/v1/assets/email_icon.svg b/coder-dojo-homepage/v1/assets/email_icon.svg new file mode 100644 index 0000000..369f007 --- /dev/null +++ b/coder-dojo-homepage/v1/assets/email_icon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/coder-dojo-homepage/v1/assets/facebook_icon.svg b/coder-dojo-homepage/v1/assets/facebook_icon.svg new file mode 100644 index 0000000..f9f7eb8 --- /dev/null +++ b/coder-dojo-homepage/v1/assets/facebook_icon.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/coder-dojo-homepage/v1/assets/globe_svg_html_snippet.txt b/coder-dojo-homepage/v1/assets/globe_svg_html_snippet.txt new file mode 100644 index 0000000..894d175 --- /dev/null +++ b/coder-dojo-homepage/v1/assets/globe_svg_html_snippet.txt @@ -0,0 +1,3 @@ + + + diff --git a/coder-dojo-homepage/v1/assets/graphic_with_people_waving.jpg b/coder-dojo-homepage/v1/assets/graphic_with_people_waving.jpg new file mode 100644 index 0000000..7834512 Binary files /dev/null and b/coder-dojo-homepage/v1/assets/graphic_with_people_waving.jpg differ diff --git a/coder-dojo-homepage/v1/assets/instagram_icon.svg b/coder-dojo-homepage/v1/assets/instagram_icon.svg new file mode 100644 index 0000000..f477548 --- /dev/null +++ b/coder-dojo-homepage/v1/assets/instagram_icon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/coder-dojo-homepage/v1/assets/linkedin_icon.svg b/coder-dojo-homepage/v1/assets/linkedin_icon.svg new file mode 100644 index 0000000..ec89d9e --- /dev/null +++ b/coder-dojo-homepage/v1/assets/linkedin_icon.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/coder-dojo-homepage/v1/assets/raspberry-pi-light.svg b/coder-dojo-homepage/v1/assets/raspberry-pi-light.svg new file mode 100644 index 0000000..abaff61 --- /dev/null +++ b/coder-dojo-homepage/v1/assets/raspberry-pi-light.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/coder-dojo-homepage/v1/assets/slack_icon.svg b/coder-dojo-homepage/v1/assets/slack_icon.svg new file mode 100644 index 0000000..e3b7d07 --- /dev/null +++ b/coder-dojo-homepage/v1/assets/slack_icon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/coder-dojo-homepage/v1/assets/twitter_icon.svg b/coder-dojo-homepage/v1/assets/twitter_icon.svg new file mode 100644 index 0000000..7d2078c --- /dev/null +++ b/coder-dojo-homepage/v1/assets/twitter_icon.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/coder-dojo-homepage/v1/index.html b/coder-dojo-homepage/v1/index.html index ef1b868..9887e4d 100644 --- a/coder-dojo-homepage/v1/index.html +++ b/coder-dojo-homepage/v1/index.html @@ -5,42 +5,50 @@ Coding clubs for kids and teens | CoderDojo - - +
- + Raspberry Pi logo +
- CoderDojo logo + CoderDojo logo - +
- +
- Youtube video + Youtube video placeholder. CoderDojo mentor teaches kids.

The community of free, local coding clubs for kids and teens

In over 100 countries, CoderDojo is the free, fun way to learn coding for kids and teens.

- Find a Dojo - Start a Dojo + Find a Dojo + Start a Dojo
@@ -55,11 +63,13 @@

Enthusiastic volunteers

Free learning resources

Our website provides cool, free projects and other learning resources that anyone can use!

- CoderDojo ninjas celebrating + CoderDojo ninjas celebrating
+ CoderDojo volunteer helps class +

Volunteer at a Dojo

There are lots of ways for volunteers to support their computer coding club: they can plan coding sessions, promote sessions locally, communicate with parents, decide on learning resources, mentor young coders, and @@ -69,11 +79,13 @@

Volunteer at a Dojo

volunteers with different skills, backgrounds, and levels of knowledge to support and encourage kids and teens.

- Learn more about volunteering + Learn more about volunteering
+ CoderDojo mentor writes on whiteboard +

Start a Dojo

Another way to volunteer is to start your own Dojo and become a CoderDojo champion. A CoderDojo champion takes charge of setting up and maintaining a Dojo.

@@ -82,12 +94,12 @@

Start a Dojo

to manage your Dojo sessions.

- Find out more + Find out more
- +
- + Cartoon characters waving towards the viewer's screen

Get in touch

@@ -111,7 +123,6 @@

Get in touch

-
@@ -130,7 +141,40 @@

Keep up to date with our newsletter

diff --git a/coder-dojo-homepage/v2/README.md b/coder-dojo-homepage/v2/README.md index 54461f5..e1d3c60 100644 --- a/coder-dojo-homepage/v2/README.md +++ b/coder-dojo-homepage/v2/README.md @@ -1,2 +1,17 @@ # CoderDojo Homepage V2 +## Goals + +- Add classnames to elements +- Add background colours to sections with CSS +- Size images better with CSS +- Add margins between sections with CSS +- Using divs/container classes to center content and impose max width on centred content. + +## Hold for later + +- Using flex/grid to place grouped elements side by side +- Make the coderdojo and raspberry pi logos links +- Add embedded video with placeholder image +- Add some Javascript to the site (on the form, on the login button) +- Get everyone's attempts hosted on a subdir of the repo's GitHub page diff --git a/coder-dojo-homepage/v2/index.html b/coder-dojo-homepage/v2/index.html new file mode 100644 index 0000000..b975037 --- /dev/null +++ b/coder-dojo-homepage/v2/index.html @@ -0,0 +1,181 @@ + + + + + Coding clubs for kids and teens | CoderDojo + + + + + + +
+ Raspberry Pi logo + +
+ + +
+ + CoderDojo logo + + + + +
+ + +
+ +
+ Youtube video placeholder. CoderDojo mentor teaches kids. + +

The community of free, local coding clubs for kids and teens

+

In over 100 countries, CoderDojo is the free, fun way to learn coding for kids and teens.

+ + Find a Dojo + Start a Dojo +
+ + +
+

Public, accessible venues

+

Dojos take place in public, accessible spaces such as libraries, community centres, and even cinemas. Some + venues provide equipment for kids and teens (Ninjas) to use.

+ +

Enthusiastic volunteers

+

Dojos are run by amazing, supportive volunteers who give their time to support kids and teens.

+ +

Free learning resources

+

Our website provides cool, free projects and other learning resources that anyone can use!

+ + CoderDojo ninjas celebrating +
+ + +
+ CoderDojo volunteer helps class + +

Volunteer at a Dojo

+

There are lots of ways for volunteers to support their computer coding club: they can plan coding sessions, + promote sessions locally, communicate with parents, decide on learning resources, mentor young coders, and + organise the space.

+

You don’t need to be a programmer or technology specialist to get involved! Lots of volunteers are parents and + guardians of Dojo participants, and they start with no technical experience. Dojos benefit from having + volunteers with different skills, backgrounds, and levels of knowledge to support and encourage kids and teens. +

+ + Learn more about volunteering +
+ + +
+ CoderDojo mentor writes on whiteboard + +

Start a Dojo

+

Another way to volunteer is to start your own Dojo and become a CoderDojo champion. A CoderDojo champion takes + charge of setting up and maintaining a Dojo.

+

All you need to do is find a public venue to host your Dojo sessions and complete our simple application + process. Our website provides resources and training to support you, plus we have a dedicated system to help you + to manage your Dojo sessions. +

+ + Find out more +
+ + +
+ Cartoon characters waving towards the viewer's screen + +

Get in touch

+
+ + + + + + + + +
+
+
+ + +
+

Keep up to date with our newsletter

+

You can unsubscribe at any time.

+ +
+ + + +
+
+ + + + + + diff --git a/coder-dojo-homepage/v1/styles.css b/coder-dojo-homepage/v2/styles.css similarity index 100% rename from coder-dojo-homepage/v1/styles.css rename to coder-dojo-homepage/v2/styles.css diff --git a/coder-dojo-homepage/v3/README.md b/coder-dojo-homepage/v3/README.md new file mode 100644 index 0000000..b0b8d3b --- /dev/null +++ b/coder-dojo-homepage/v3/README.md @@ -0,0 +1,12 @@ +# CoderDojo Homepage V2 + +## Goals + +- Using flex/grid to place grouped elements side by side +- Make the coderdojo and raspberry pi logos links +- Add embedded video with placeholder image + +## Hold for later + +- Add some Javascript to the site (on the form, on the login button) +- Get everyone's attempts hosted on a subdir of the repo's GitHub page diff --git a/coder-dojo-homepage/v4/README.md b/coder-dojo-homepage/v4/README.md new file mode 100644 index 0000000..3fe945b --- /dev/null +++ b/coder-dojo-homepage/v4/README.md @@ -0,0 +1,10 @@ +# CoderDojo Homepage V2 + +## Goals + +- Add some Javascript to the site (on the form, on the login button) +- Get everyone's attempts hosted on a subdir of the repo's GitHub page + +## Hold for later + +- New project time. Personal websites hosted on IBM Coderdojo GitHub?