This repository has been archived by the owner on Oct 28, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 14
/
Copy pathcs4hs.html
132 lines (115 loc) · 7.21 KB
/
cs4hs.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!DOCTYPE html>
<html>
<head>
<title>Catrobat</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="google-site-verification" content="33BwFHgU9gNh23a0Dohh2QoaXHApF0C5xCUEFiu22Ds" />
<link rel="shortcut icon" href="favicon.ico?v=1" />
<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/1.4.11/jquery.scrollTo.min.js"></script>
<link rel="stylesheet" type="text/css" href="normalize.css">
<link rel="stylesheet" type="text/css" href="intro/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<nav id="header" class="navbar navbar-default header" role="navigation">
<div class="centered">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<span id="header_title" onclick="$.scrollTo('#news', 500);"></span>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="menuItem"><a onclick="$.scrollTo('#contact-footer', 500);">CONTACT</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div>
</nav>
<section id="news">
<div class="centered">
<h1> </h1>
<h2>Welcome to the Pocket Code MOOC site!</h2>
<img src="images/cs4hs_logo_small.png" align="left" />
<p>We are creating a free course open to everyone. We can bring it to you for free because Catrobat has been awarded the highly competitive <a href="http://www.cs4hs.com/" title="Computer Science 4 High School" target="_blank">CS4HS</a> grant by Google.</p>
<p>Our goal is to allow pupils and teachers to learn how to express themselves creatively through coding, directly on their Android smartphones or tablets, without the need for PCs or laptops. By using mobile devices, schools in developing countries are more likely to be able to teach the coding skills that are of fundamental importance to the future society. The development of programs directly on mobile devices allows the users to program anywhere and anytime. By supporting device sensors, integrated cameras, Lego Mindstorm and Arduino/RaspberryPi boards, a completely new access to programming is given to the children. </p>
<p>The MOOC will contain three basic lectures and additional lectures for different target groups. In these three basic lectures, Pocket Code will be explained in detail, and the participants will do their first own project in Pocket Code.</p>
<p><b>UPDATE</b> (8 November 2015): First parts of the MOOC are now available via <a href="https://edu.catrob.at/">https://edu.catrob.at/</a></p>
<h3>What ist Pocket Code?</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/75i10o_uv0U" frameborder="0" allowfullscreen></iframe>
<p>Pocket Code allows you to create, edit, execute, share, and remix Catrobat programs in a visual, "LEGO-style" programming environment and programming language. You can remix programs that others have made and share them with your friends and the world. With Pocket Code you can up- and download Catrobat programs through the Pocket Code community website at https://pocketcode.org/ --- All Catrobat programs uploaded to this site can be downloaded by anyone under a free open source license to maximize learning, remixing, and sharing them freely.
</div>
</section>
<div class="arrow-down" onclick="$.scrollTo('#contact-footer', 500);"><img src="images/arrow_down_dark.png"></div>
<section id="contact-footer">
<div id="contact">
<div class="centered">
<div id="contact_info" class="contact_container">
<div>CONTACT</div>
<a href="mailto:[email protected]">[email protected]</a><br />
<a href="callto:+16504279594">+1 (650) 427-9594</a>
</div>
<div id="contact_follow" class="contact_container">
<div>FOLLOW US</div>
<div id="community">
<a href="http://catrob.at/plus" target="_blank"><img src="images/googleplus.png"></a>
<a href="http://catrob.at/youtube" target="_blank"><img src="images/youtube.png"></a>
<a href="http://catrob.at/fb" target="_blank"><img src="images/facebook.png"></a>
<a href="http://catrob.at/pctwitter" target="_blank"><img src="images/twitter.png"></a>
</div>
<p /><br />
<div style="font-weight:bold;color:white;margin-bottom:10px;">CATROBAT NEWSLETTER</div>
<div id="subs-form" style="width:80%;position:relative;left:50%;margin-left:-130px">
<form action="//catrobat.us11.list-manage.com/subscribe/post?u=5b5a960a1f0b53cf06ac2b5a2&id=ce7367db20" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<input type="email" value="" name="EMAIL" class="required form-control email InputEmail" id="mce-EMAIL" placeholder="Enter your email here..." style="width:70%">
<input type="submit" value="SUBSCRIBE" name="subscribe" id="mc-embedded-subscribe" class="button btn btn-default email-btn">
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
</div>
</form>
</div>
</div>
<div id="contact_developer" class="contact_container">
<div>FOR DEVELOPERS</div>
<div><a href="http://developer.catrobat.org/" target="_blank">developer.catrobat.org</a></div>
</div>
</div>
</div>
<div id="footer">
<div class="centered">
<div id="footer_logo"></div>
<div id="copyright"><a href="http://developer.catrobat.org/credits">© 2013 - 2015 The Catrobat Team</a></div>
</div>
</div>
</section>
<script src="intro/js/bootstrap.min.js"></script>
<script type="text/javascript">
$(window).scroll(function(){
if($('#header').offset().top > 10 && $(window).width() > 767)
$('#header').addClass('header-collapse');
else
$('#header').removeClass('header-collapse');
});
$('#bs-example-navbar-collapse-1 li').click(function(){
$('#bs-example-navbar-collapse-1').collapse('hide');
});
</script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-42270417-3', 'catrobat.org');
ga('send', 'pageview');
</script>
</body>
</html>