Skip to content

Commit d7ee925

Browse files
bacharakisbacharakis
committed
Inital commit
0 parents  commit d7ee925

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

57 files changed

+6389
-0
lines changed

‎Gemfile

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
source 'https://rubygems.org'
2+
gem 'github-pages', group: :jekyll_plugins
3+
gem 'rb-inotify'

‎LICENSE

+373
Large diffs are not rendered by default.

‎README.md

+29
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
# Mozilla Campus Clubs
2+
3+
## Hack the site
4+
5+
Thank you for contributing! Just follow these simple steps
6+
7+
Clone the repo
8+
9+
``$ git clone https://github.com/mozilla/mozilla-campus-clubs``
10+
11+
To install the dependencies. First you need change your directory to mozilla-campus-clubs
12+
13+
``$ cd mozilla-campus-clubs
14+
$ bundle install``
15+
16+
Build the site using the following developer config
17+
18+
``$ bundle exec jekyll build --config ./_config-dev.yml``
19+
20+
This builds the website under the `_site` folder. The simplest way to browse it is to use python's http server. For that. you can follow the following steps
21+
22+
```
23+
cd _site
24+
python3 -m http.server
25+
```
26+
27+
You will be able to access the site at [http://127.0.0.1:8000/](http://127.0.0.1:8000/)
28+
29+
If you want to contribute, Just Clone this repo, create an issue first and then a pull request to submit changes.

‎_config-dev.yml

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
# Site dev settings
2+
title: Mozilla Campus Clubs
3+
email: [email protected]
4+
description: >
5+
Get involved with the Campus initiatives at Mozilla
6+
baseurl: ""
7+
url: "" #
8+
twitter_username: mozparticipate
9+
github_username: mozilla
10+
11+
# Build settings
12+
markdown: kramdown
13+
14+
include: ['_pages']

‎_config.yml

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
# Site settings
2+
title: Mozilla Campus Clubs
3+
email: [email protected]
4+
description: >
5+
Get involved with the Campus initiatives at Mozilla
6+
baseurl: ""
7+
url: "https://campus.mozilla.community"
8+
twitter_username: mozparticipate
9+
github_username: mozilla
10+
11+
# Build settings
12+
markdown: kramdown
13+
14+
include: ['_pages']

‎_includes/footer.html

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<footer class="site-footer">
2+
3+
<div class="container">
4+
<div class="footer-col footer-col-1">
5+
<ul class="links-social">
6+
<li>
7+
Lambdaspace:
8+
<ul>
9+
<li><a href="https://twitter.com/lambdaspace" data-link-type="footer" data-link-name="Twitter">Twitter</a></li>
10+
<li><a href="https://www.facebook.com/lambdaspace" data-link-type="footer" data-link-name="Facebook">Facebook</a></li>
11+
</ul>
12+
</li>
13+
</ul>
14+
15+
</div>
16+
17+
</div>
18+
19+
</footer>

‎_includes/head.html

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<head>
2+
<meta charset="utf-8">
3+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
4+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
5+
6+
<title>{% if page.title %}{{ page.title | escape }} - {{ site.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
7+
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
8+
9+
<!-- Google Tag Manager -->
10+
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-TSP97TZ');</script>
11+
<!-- End Google Tag Manager -->
12+
13+
<link rel="shortcut icon" href="{{"/static/img/favicon.ico" | prepend: site.url }}">
14+
<link rel="stylesheet" href="//code.cdn.mozilla.net/fonts/fira.css">
15+
<link rel="stylesheet" href="{{ "/static/css/bootstrap.min.css" | prepend: site.url }}">
16+
<link rel="stylesheet" href="{{ "/static/css/mofo-bootstrap.css" | prepend: site.url }}">
17+
<link rel="stylesheet" href="{{ "/static/css/app.css" | prepend: site.url }}">
18+
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}">
19+
</head>

‎_includes/header.html

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<header class="site-header">
2+
3+
<nav class="navbar">
4+
<div class="container">
5+
<a class="navbar-brand" href="/"><img src="/static/img/logo.png" alt="{{ site.title | escape }}"></a>
6+
7+
<button class="navbar-toggler hidden-lg-up" type="button" data-toggle="collapse" data-target="#exCollapsingNavbar" aria-controls="exCollapsingNavbar" aria-expanded="false" aria-label="Toggle navigation">
8+
&#9776;
9+
</button>
10+
<div class="collapse navbar-toggleable-md" id="exCollapsingNavbar">
11+
<a class="nav-link" href="/activities/">Activities</a>
12+
<a class="nav-link" href="/about/">About</a>
13+
</div>
14+
15+
</div>
16+
</nav>
17+
18+
</header>

‎_includes/index.md

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<div class="container">
2+
<div class="row">
3+
4+
<div class="col-md-8">
5+
<h2 id="kings-college-london">Welcome to your new website!</h2>
6+
<p>
7+
This is an template which we will use for setting up our first webpage.
8+
</p>
9+
</div>
10+
</div>
11+
</div>

‎_includes/js.html

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
<script src="{{ "/static/js/jquery.min.js" | prepend: site.url }}"></script>
2+
<script src="{{ "/static/js/bootstrap.min.js" | prepend: site.url }}"></script>

‎_includes/jumbotron-pages.html

+17
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
<div class="jumbotron">
2+
<p class="lead">
3+
&nbsp;
4+
</p>
5+
<h1 class="display-3">{{ page.title }}</h1>
6+
<p class="lead">
7+
&nbsp;
8+
</p>
9+
</div>
10+
11+
<style>
12+
.jumbotron {
13+
background: linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ), url('/static/img/{{ page.ref }}.jpg');
14+
background-repeat: no-repeat;
15+
background-size: cover;
16+
}
17+
</style>

‎_layouts/activities.html

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
{% include head.html %}
5+
6+
<body>
7+
8+
{% include header.html %}
9+
10+
<div class="page-content txleft">
11+
<div class="container">
12+
<div class="activites">
13+
{{ content }}
14+
</div>
15+
</div>
16+
</div>
17+
18+
{% include footer.html %}
19+
20+
{% include js.html %}
21+
22+
</body>
23+
24+
</html>

‎_layouts/default.html

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
{% include head.html %}
5+
6+
<body>
7+
8+
{% include header.html %}
9+
10+
{% include jumbotron-pages.html %}
11+
12+
<div class="page-content">
13+
<div class="container">
14+
<div class="home">
15+
{{ content }}
16+
</div>
17+
</div>
18+
</div>
19+
20+
{% include footer.html %}
21+
22+
{% include js.html %}
23+
24+
</body>
25+
26+
27+
</html>

‎_layouts/index.html

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
{% include head.html %}
5+
6+
<body>
7+
8+
{% include header.html %}
9+
10+
11+
12+
<div class="page-content">
13+
<div class="home">
14+
{{ content }}
15+
</div>
16+
</div>
17+
18+
{% include footer.html %}
19+
20+
{% include js.html %}
21+
22+
</body>
23+
24+
</html>

‎_layouts/resource.html

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
---
2+
layout: default
3+
---
4+
5+
<article class="post">
6+
7+
{% if page.parent %}
8+
{% assign parent=site.pages | where:"ref", page.parent %}
9+
<section class="breadcumbs">
10+
<p><a href="{{ parent[0].permalink }}">{{ parent[0].title }}</a> - {{ page.title }}</p>
11+
</section>
12+
{% endif %}
13+
14+
<div class="post-content txleft">
15+
{{ content }}
16+
</div>
17+
18+
</article>

‎_pages/about.md

+130
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,130 @@
1+
---
2+
layout: default
3+
title: "About Clubs"
4+
permalink: /about/
5+
ref: about
6+
---
7+
8+
## Why Mozilla
9+
10+
<div class="row">
11+
<div class="col-md-3">
12+
<img src="/static/img/photo_clubs1.jpg" alt="Mozilla Clubs" class="img-responsive">
13+
</div>
14+
15+
<div class="col-md-9">
16+
<p>At Mozilla, we’re a global <strong>community</strong> of technologists, thinkers and builders <strong>working together</strong> to <strong>keep the Internet alive and accessible</strong>, so people worldwide can be informed contributors and creators of the Web.</p>
17+
18+
<p>Our <strong>mission</strong> is to ensure the Internet is a <strong>global public resource, open and accessible to all</strong>. An Internet that truly puts people first, where individuals can shape their own experience and are empowered, safe and independent.</p>
19+
20+
<p>We believe that students are uniquely positioned to make a difference in the world and that by bringing together local groups who care about the internet we can achieve great things.</p>
21+
</div>
22+
</div>
23+
24+
## Why Mozilla Clubs
25+
26+
<div class="row">
27+
<div class="col-md-3">
28+
<img src="/static/img/photo_clubs2.jpg" alt="Mozilla Clubs" class="img-responsive">
29+
</div>
30+
31+
<div class="col-md-9">
32+
<p>A Mozilla Club brings people together locally to build the open web on University and College campuses worldwide.</p>
33+
34+
<p>The Internet is more than computers and code. The Internet is about people. And this is what Mozilla Clubs are all about: interacting with others to share, learn, teach, protect and build upon platforms, to make things that matter. Our Clubs are human structures that make the web real.</p>
35+
36+
<p><b>Mozilla Campus Clubs</b> are <b>Mozilla Clubs</b> that take place at a University or College - These clubs take advantage of the unique learning environments of Universities and Colleges to bring students with a passion for technology together to build and innovate on open source projects that build the open web. </p>
37+
</div>
38+
</div>
39+
40+
## Campus Clubs Vision
41+
42+
<div class="row">
43+
<div class="col-md-3">
44+
<img src="/static/img/photo_clubs3.jpg" alt="Mozilla Clubs" class="img-responsive">
45+
</div>
46+
47+
<div class="col-md-9">
48+
<p>Imagine the highest quality university student programs you’ve ever heard of. Programs that <strong>incite invention, inspire innovation,</strong> and <strong>foster global change</strong>.</p>
49+
50+
<p>Now imagine a Mozilla program that engaged students all over the world, building campus groups that each have hundreds of passionate volunteers contributing to Mozilla as advocates, technologists, and innovators. Now imagine that these groups were on thousands of University campuses in hundreds of countries.</p>
51+
52+
<p>That is the vision for Campus Clubs. To spark a movement -- a loud voice, a breeding ground for new ideas, a massive force, a deep talent pool -- that powers the open web to new heights.</p>
53+
54+
<p>At the start of each year, Campus Clubs plan the impact they want to have for the open web and then hack and build on a combination of recommended activities and their own open source projects to make a difference for the web, their campuses and communities.
55+
</p>
56+
</div>
57+
</div>
58+
59+
## Roles in Campus Clubs
60+
61+
<div class="row activities-table">
62+
<div class="col-md-4">
63+
<p><b>Regional Coordinators</b></p>
64+
65+
<p>Regional Coordinator are people with strong leadership skills and proven experience with mentoring, especially on campuses. They work closely with staff to mentor and support Club Captains. A Regional Coordinator is responsible for making sure the campus program is successfully running in their local region.</p>
66+
67+
<p>Think you have what it takes? Read the full Roles & Responsibilities of a Regional Coordinator <a href="https://docs.google.com/document/d/1GypBGnffjxfyX174g7fiLAcZF8tSKC5Xo7Qd4gpC5yM/pub">here</a>. Apply to become an RC <a href="https://docs.google.com/a/mozilla.com/forms/d/e/1FAIpQLSeTTDC4ozjGXIOW1sbXqsxw-5kuTtjqNDzj2RTe3yBBuwDVIA/viewform">here.</a></p>
68+
</div>
69+
70+
<div class="col-md-4">
71+
<p><b>Club Captains</b></p>
72+
73+
<p>Club Captains are people with a passion for technology, leadership skills and an entrepreneurial spirit. With their team the Club Captain launches, builds and runs their Campus’ Mozilla Club. The Club Captain is responsible for making sure their Club is running successfully on their Campus, and is operating as an official Mozilla Club. </p>
74+
75+
<p class="ul">Officially recognized Campus Clubs will be:</p>
76+
<ul>
77+
<li>listed on the website</li>
78+
<li>given an official Clubs logo</li>
79+
<li>have access to special training and skills building opportunities</li>
80+
</ul>
81+
<p>In order for a Club to be recognized as an official Mozilla Campus Club <strong>a Club must show consistent activity during the academic year </strong>- by participating in activities, submitting reports, and meeting with their Regional Coordinator. If a Club is inactive for 3 they will be considered inactive. </p>
82+
<p>
83+
Read the full Roles & Responsibilities of a Club Captain <a href="https://docs.google.com/document/d/1JE6966a8yc0CBh3Xa9Ce7McKZkxkHvdZg01o5mxUORU/pub">here</a>.</p>
84+
</div>
85+
86+
<div class="col-md-4">
87+
<p><b>Members</b></p>
88+
89+
<p>What’s a Club with no participants? Members are the heart of Campus Clubs, they attend meetings, participate in activities and grow their skills and connect with others through the Campus Clubs framework.</p>
90+
91+
<p>Looking to join a club? Find your campus on the map <a href="https://campus.mozilla.community/connect/">here</a>.</p>
92+
</div>
93+
</div>
94+
95+
{: .clear}
96+
&nbsp;
97+
98+
<p><b>Executive Teams</b><br>
99+
Executive Teams are not a required part of Campus Clubs, but may be useful structure in larger Clubs. Club Executive Members are people with excellent leadership and executional skills. They support Club Captains by ensuring that there is a constant program of engaging, meaningful, activities for Club Members to participate in.
100+
</p>
101+
102+
Read the full Roles & Responsibilities of the Executive Team [here](https://docs.google.com/document/d/1XW0jXnIDUsmCaeB9yqGFeet6XRfOvnmMWGbodAOXwHg/pub).
103+
104+
{: .clear}
105+
&nbsp;
106+
107+
## History of Mozilla on Campus
108+
109+
<div class="row">
110+
<div class="col-md-3">
111+
<img src="/static/img/photo_clubs4.jpg" alt="Mozilla Clubs" class="img-responsive">
112+
</div>
113+
114+
<div class="col-md-9">
115+
<p>Long before Mozilla’s first formal student program, “Campus Reps”, opened its doors in 2008, students have been playing a crucial role in the development of Mozilla and the web itself.</p>
116+
117+
<p>The student-built <a href="https://en.wikipedia.org/wiki/Lynx_%28web_browser%29" target="_blank">Lynx</a> browser was one of the first and <a href="https://en.wikipedia.org/wiki/Mosaic_%28web_browser%29" target="_blank">Mosaic</a> (Firefox’s distant ancestor!), pioneered by students and staff, opened the graphical web to millions. Many of the original community members who worked on the first firefox in 2002 were students just like you.</p>
118+
119+
<p>A lot has happened on Campuses since then:</p>
120+
121+
<ul>
122+
<li>In 2012 the <a href="https://wiki.mozilla.org/StudentAmbassadors" target="_blank">Firefox Student Ambassador Program</a> opened it’s doors to bring together individuals with a passion for Mozilla who wanted to raise awareness about the many benefits of Firefox & other Mozilla products.</li>
123+
<li>In 2013 the first <a href="https://www.youtube.com/watch?v=oko6TzPQE6Y" target="_blank">Maker Party</a> moved students all around the world to come together to teach the web.</li>
124+
<li>In 2015 the <a href="https://wiki.mozilla.org/Webmaker/2015/Mentors/Clubs" target="_blank">Clubs</a> program started with a mandate to engage people around the world in ongoing web literacy programs.</li>
125+
<li>In 2015 Mozilla Science started offering <a href="https://science.mozilla.org/blog/introducing-mozilla-science-study-groups" target="_blank">Study Groups</a> for graduate students, researchers, and scientists looking to learn together.</li>
126+
<li>In 2016 hundreds of students around the world led the <a href="https://takebacktheweb.mozilla.community/2016/07/11/seven-weeks-take-back-web/" target="_blank">Take Back the Web Campaign</a> on their campuses to shift attitudes and change behavior around privacy and security online.</li>
127+
<li>In late 2016 Campus Clubs was created to carry the work of the Take Back The Web campaign forward but now with an even stronger focus on open source and engaging students in building open web technologies.</li>
128+
</ul>
129+
</div>
130+
</div>

‎_pages/activities.html

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
---
2+
layout: activities
3+
title: "Activities"
4+
permalink: /activities/
5+
ref: activities
6+
---
7+
8+
<h3 id="activities">Activities</h3>
9+
<p>
10+
<strong>We’re dedicated to connecting your Club to the best open source activities on the web.</strong> By participating in the activities below your Club will develop new skills, contribute to innovative web technologies, and be part of a powerful network of students and professionals, dedicated to keeping the web a global public resource, open and accessible to all.
11+
</p>

0 commit comments

Comments
 (0)