Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

changed linkes, added buttons #16

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

changed linkes, added buttons #16

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
2a1b1e6
changed linkes, added buttons
sharunspikk Jun 19, 2020
27c33f1
changed the icon files
sharunspikk Jun 20, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions assets/css/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -552,3 +552,6 @@ iframe {
width: 1360px;
}
}
.item ol li{
font-weight: 400;
}
16 changes: 8 additions & 8 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,10 +43,10 @@
<!-- ******HEADER****** -->
<header class="header">
<div class="container">
<img class="profile-image img-responsive pull-left" src="assets/images/profile.png" />
<img class="profile-image img-responsive pull-left" src="assets/images/profile.png" alt="profile image "/>
<div class="profile-content pull-left">
<h1 class="name">Build your first Browser Extension</h1>
<h2 class="desc">First meeting - Introduction to Browser Extensions</h2>
<h2 class="desc">First meeting - Introduction to <a href="https://addons.mozilla.org/en-US/firefox/extensions/">Browser Extensions</a></h2>
</div><!--//profile-->
</div><!--//container-->
</header><!--//header-->
Expand Down Expand Up @@ -100,16 +100,16 @@ <h2 class="heading">Idea Generation - 35'</h2>
<p class="summary">Now your Club is fired up and ready to go, we invite you to start brain storming ideas for building your first add-on either as individuals or together as a group.</p>
<p>Break into small groups (less than 4 people) and:</p>
<ul>
<li>Search <a href="addons.mozilla.org">addons.mozilla.org</a> and test extensions</li>
<li>Search <a href="addons.mozilla.org"><button class="btn btn-danger">addons.mozilla.org</button></a> and test extensions</li>
<li>Discuss what do you like/not like about them?</li>
</ul>
<p>Now that you have seen some extensions in action, work as a group for answering the following question:</p>
<br>
<h4><b>What would you like to solve for by building an add-on?</b></h4>
<br>
<p>Useful tips on Idea generation from the <a href="https://toolkit.mozilla.org/method/idea-generation/">Open Innovation Toolkit:</a></p>
<p><b>Part 1:</b> Aim to spend about ⅓ of the allotted time on divergent thinking. This is the rapid creation of random, unorganized, wild, free-flowing, novel ideas in a short period of time. This method helps people to think outside the usual constraints. This type of thinking encourages people to get comfortable with ideas that may not be immediately valuable, but could provide the key ingredient for driving innovation.</p>
<p><b>Part 2:</b> Aim to spend about ⅙ of the allotted time on convergent thinking. This is a selective critique and combination of ideas in order to develop strong concepts. The convergent thinking method helps intelligently refine ideas by strengthening them and/or putting them together. The combination forces new thinking and creativity around how new solutions can be made and differentiated. Create clusters of complementary ideas and add more texture and detail by using affinity clustering.</p>
<p><b>Part 1: </b> Aim to spend about ⅓ of the allotted time on divergent thinking. This is the rapid creation of random, unorganized, wild, free-flowing, novel ideas in a short period of time. This method helps people to think outside the usual constraints. This type of thinking encourages people to get comfortable with ideas that may not be immediately valuable, but could provide the key ingredient for driving innovation.</p>
<p><b>Part 2: </b> Aim to spend about ⅙ of the allotted time on convergent thinking. This is a selective critique and combination of ideas in order to develop strong concepts. The convergent thinking method helps intelligently refine ideas by strengthening them and/or putting them together. The combination forces new thinking and creativity around how new solutions can be made and differentiated. Create clusters of complementary ideas and add more texture and detail by using affinity clustering.</p>
</div><!--//item-->
</div><!--//content-->
</div><!--//section-inner-->
Expand Down Expand Up @@ -146,7 +146,7 @@ <h2 class="heading">Submit your idea - 5'</h2>

<div class="item">
<!-- Place this tag where you want the button to render. -->
<a class="btn btn-cta-secondary fork" href="https://github.com/mozillacampusclubs/teach-how-to-build-addons/issues/new">Submit your idea on GitHub</a>
<a class="btn btn-cta-secondary fork" href="https://github.com/mozillacampusclubs/teach-how-to-build-addons/issues/new">Submit your idea on GitHub <i class="fa fa-github ml-1"></i></a>
</div><!--//item-->
<p>Are you ready to take the next step and build your extension? Ask your Club Captain when the next meeting will be.</p>
</div><!--//content-->
Expand Down Expand Up @@ -194,7 +194,7 @@ <h3 class="level-title">Javascript <span class="level-label">Expert</span></h3>
</div><!--//item-->

<div class="item">
<h3 class="level-title">Time<span class="level-label">1 hour</span></h3>
<h3 class="level-title">Time<span class="level-label">1 hour <i class="fa fa-clock-o"></i></span></h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="10%">
</div>
Expand All @@ -207,7 +207,7 @@ <h2 class="heading">Requirements & Resources</h2>
<li><a href="https://docs.google.com/presentation/d/1C0YbS15YO_JbH8dY_4nhPZWTtJOPe2Fx8GRyZjPCAgs/edit#slide=id.p">Facilitators slidedeck</a></li>
<li>A projector</li>
<li>Laptops (1 per group)</li>
<li>Your favorite text editor</li>
<li><a href="https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Available_text_editors">Your favorite text editor</a></li>
<li>Access to the internet</li>
</ul>
</div><!--//item-->
Expand Down
10 changes: 5 additions & 5 deletions paperprototype.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@
<img class="profile-image img-responsive pull-left" src="assets/images/profile.png" />
<div class="profile-content pull-left">
<h1 class="name">Build your first Browser Extension</h1>
<h2 class="desc">Second meeting - Prototype your idea</h2>
<h2 class="desc">Second meeting - Prototype your idea <i class="fa fa-lightbulb-o text-danger"></i></h2>
</div><!--//profile-->
</div><!--//container-->
</header><!--//header-->
Expand Down Expand Up @@ -142,7 +142,7 @@ <h2 class="heading">Update your proposal - 10'</h2>
<p>As final step we invite you to upload all of your digital resources (photos, files) into your idea submission on GitHub.</p>
<p>That way all of your fellow Open Source Clubs and experts will be able to track your progress and see the amazing work you are doing!</p>
<p>You are now ready to take the next step and start Building your browser add-on! Ask your Club Captain when the next meeting will be.</p>
<a class="btn btn-cta-secondary fork" href="https://github.com/mozillacampusclubs/teach-how-to-build-addons/issues/">Update your idea on GitHub</a>
<a class="btn btn-cta-secondary fork" href="https://github.com/mozillacampusclubs/teach-how-to-build-addons/issues/">Update your idea on GitHub <i class="fa fa-github"></i></a>
</div><!--//item-->
</div><!--//content-->
</div><!--//section-inner-->
Expand Down Expand Up @@ -181,15 +181,15 @@ <h3 class="level-title">HTML<span class="level-label" data-toggle="tooltip" data
</div><!--//item-->

<div class="item">
<h3 class="level-title">Javascript <span class="level-label">Expert</span></h3>
<h3 class="level-title">Javascript <span class="level-label">Expert</span></h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="10%">
</div>
</div><!--//level-bar-->
</div><!--//item-->

<div class="item">
<h3 class="level-title">Time<span class="level-label">1 hour</span></h3>
<h3 class="level-title">Time<span class="level-label">1 hour <i class="fa fa-clock-o"></i></span> </h3>
<div class="level-bar">
<div class="level-bar-inner" data-level="10%">
</div>
Expand All @@ -202,7 +202,7 @@ <h2 class="heading">Requirements & Resources</h2>
<li><a href="https://docs.google.com/presentation/d/1qySrYEOtLvs7Cuum1TuH7Mud-5M-Bqtli1lqSrJmA7s/edit#slide=id.p">Facilitators slidedeck</a></li>
<li>A projector</li>
<li>Laptops (1 per group)</li>
<li>Your favorite text editor</li>
<li><a href="https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Available_text_editors">Your favorite text editor</a></li>
<li>Access to the internet</li>
<li>Paper, cardboard, foam, glue, scissors, markers, bluetack</p>
<li>For testing use programs such as keynote, <a href="https://www.invisionapp.com/" target="_blank">invisio</a> or <a href="https://popapp.in/" target="_blank">pop app</a></li>
Expand Down