Skip to content

Commit

Permalink
implement the about ots presentation from the latest version we had
Browse files Browse the repository at this point in the history
  • Loading branch information
@gnunicorn
gnunicorn committed Apr 17, 2013
1 parent e91094d commit 910123d
Show file tree
Hide file tree
Showing 15 changed files with 156 additions and 149 deletions.
Binary file added presentations/about/assets/CreativeCommons.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added presentations/about/assets/android_workshop.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added presentations/about/assets/campus_party.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added presentations/about/assets/empowerment.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added presentations/about/assets/environment.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added presentations/about/assets/github_workshop.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added presentations/about/assets/js_workshop.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added presentations/about/assets/learners_meetup.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added presentations/about/assets/learning_experience.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added presentations/about/assets/not-for-profit.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added presentations/about/assets/openness.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added presentations/about/assets/python_workshop.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added presentations/about/assets/transparency.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
291 changes: 142 additions & 149 deletions presentations/about/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,8 @@
</nav>

<header class="caption">
<h1>This is an Example</h1>
<p>A demonstration how this template is supposed to be used.</p>
<h1>About the OpenTechSchool</h1>
<p>A lightning presentation about the OpenTechSchool and what it does.</p>
</header>

<section class="slides">
Expand All @@ -35,163 +35,156 @@ <h2>OpenTechSchool</h2>
</section>
</div></div>

<div class="slide" id="Header"><div>
<section>
<header>
<h2>Header</h2>
</header>
<p>This <code>&lt;tool&gt;</code> is provided <strong>without</strong> warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash <em>your</em> browser.</p>
<p><a href="examples/index.htm" target="_blank">This link will be opened in the new tab</a></p>
</section>
</div></div>

<div class="slide" id="TwoLinesHeader"><div>
<section>
<header>
<h2>Two rows.<br>Mighty heading</h2>
</header>
<p>This <code>&lt;tool&gt;</code> is provided <strong>without</strong> warranty, guarantee, or much in the way of explanation. Note that use of this tool may or may not crash <em>your</em> browser.</p>
</section>
</div></div>

<div class="slide" id="UnorderedList"><div>
<section>
<header>
<h2>Unordered List</h2>
</header>
<ul>
<li>This tool is provided</li>
<li>Without warranty, guarantee</li>
<li>Or much in the way of explanation
<ol>
<li>Note that use of this tool</li>
<li>May or may not crash your browser</li>
<li>Lock up your machine</li>
</ol>
</li>
</ul>
</section>
</div></div>

<div class="slide" id="OrderedList"><div>
<section>
<header>
<h2>Ordered List</h2>
</header>
<ol>
<li>Note that use of this tool</li>
<li>Erase your hard drive.</li>
<li>May or may not crash your browser
<ul>
<li>This tool is provided</li>
<li>Or much in the way of explanation</li>
<li>Without warranty, guarantee</li>
</ul>
</li>
</ol>
</section>
</div></div>

<div class="slide" id="InTheMiddle"><div>
<section>
<header>
<h2>In the Middle</h2>
</header>
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 512 512" class="middle">
<path fill="#0174A7" d="m315 259l18-18 179 179v-36l-161-161 18-18 143 143v-36l-125-125 18-18 107 107v-225c0-28-23-51-51-51h-410c-28 0-51 23-51 51v410c0 28 23 51 51 51h191c17-25 14-59-8-81l-63-63-63-63c-55-55-55-145-0-199 55-55 144-55 199 0l9 7h109l-163 163v-107l-9-9c-25-25-66-25-91-0-25 25-25 66 0 91l63 63 63 63c37 37 49 89 37 135h136c28 0 51-23 51-51v-5l-197-197z"/>
</svg>
</section>
</div></div>
<div class="slide cover shout" id="what_is_it"><div>
<section>
<header>
<h2>What is OpenTechSchool?</h2>
</header>
</section>
</div></div>

<div class="slide cover" id="FitToHeight"><div>
<div class="slide cover shout w" id="openess"><div>
<section>
<header>
<h2>Fit to height</h2>
</header>
<img src="pictures/picture.jpg" alt="">
</section>
</div></div>

<div class="slide cover w" id="FitToWidth"><div>
<section>
<header>
<h2>Fit to width</h2>
<header class="with-bg">
<h2>Openness</h2>
</header>
<img src="pictures/picture.jpg" alt="">
</section>
</div></div>

<div class="slide" id="CodeSample"><div>
<section>
<header>
<h2>Code Sample</h2>
</header>
<pre>
<code>&lt;html lang="en-US"&gt;</code>
<code><mark>&lt;head&gt;</mark></code>
<code> &lt;title&gt;Shower&lt;/title&gt;</code>
<code> &lt;meta charset="<mark class="important">UTF-8</mark>"&gt;</code>
<code> &lt;link rel="stylesheet" href="s/screen.css"&gt;</code>
<code><mark>&lt;/head&gt;</mark></code>
</pre>
</section>
</div></div>

<div class="slide" id="CodeNotes"><div>
<section>
<header>
<h2>Code Notes</h2>
</header>
<pre>
<code><mark>&lt;html</mark> lang="en-US"&gt;</code>
</pre>
<p class="note">May or may not crash your browser</p>
<pre>
<code><mark>&lt;meta</mark> charset="<mark>UTF-8</mark>"&gt;</code>
</pre>
</section>
</div></div>

<div class="slide cover shout" id="Shout"><div>
<section>
<header>
<h2>Shout!</h2>
<p class="tagline">This is the Tagline!</p>
</header>
</section>
</div></div>

<div class="slide cover shout-louder" id="ShoutLouder"><div>
<section>
<header>
<h2>Shout<br/>Louder!</h2>
</header>
</section>
</div></div>

<div class="slide" id="BlockQuote"><div>
<section>
<header>
<h2>Block Quote</h2>
</header>
<blockquote>
<p>This tool is provided without warranty, guarantee, or much in the way of explanation.</p>
<p>Note that use of this tool may or may not crash your browser, lock up your machine, erase your hard drive.</p>
</blockquote>
<img src="assets/openness.jpg" alt="">
</section>
</div></div>

<div class="slide cover shout w" id="empowerment"><div>
<section>
<header class="with-bg">
<h2>Empowerment</h2>
</header>
<img src="assets/empowerment.jpg" alt="">
</section>
</div></div>

<div class="slide cover shout w" id="environment"><div>
<section>
<header class="with-bg">
<h2>Safe learning Environment</h2>
</header>
<img src="assets/environment.jpg" alt="">
</section>
</div></div>

<div class="slide cover shout w" id="experience"><div>
<section>
<header class="with-bg">
<h2>Hands-on learning experience</h2>
</header>
<img src="assets/learning_experience.png" alt="">
</section>
</div></div>

<div class="slide cover shout w" id="transparency"><div>
<section>
<header class="with-bg">
<h2>Transparency</h2>
</header>
<img src="assets/transparency.jpg" alt="">
</section>
</div></div>

<div class="slide cover shout w" id="not-for-profit"><div>
<section>
<header class="with-bg">
<h2>Not for profit</h2>
</header>
<img src="assets/not-for-profit.jpg" alt="">
</section>
</div></div>

<div class="slide cover shout" id="workshops"><div>
<section>
<header>
<h2>Workshops</h2>
</header>
</section>
</div></div>

<div class="slide cover shout w" id="js-beginners"><div>
<section>
<header class="with-bg">
<h2>JavaScript For Absolute Beginners</h2>
</header>
<img src="assets/js_workshop.jpg" alt="">
</section>
</div></div>

<div class="slide cover shout w" id="python-workshops"><div>
<section>
<header class="with-bg">
<h2>Python Workshops</h2>
</header>
<img src="assets/python_workshop.jpg" alt="">
</section>
</div></div>

<div class="slide cover shout w" id="github-workshops"><div>
<section>
<header class="with-bg">
<h2>Social Coding with GitHub</h2>
</header>
<img src="assets/github_workshop.jpg" alt="">
</section>
</div></div>

<div class="slide cover shout w" id="android-workshops"><div>
<section>
<header class="with-bg">
<h2>Android for Beginners</h2>
</header>
<img src="assets/android_workshop.jpg" alt="">
</section>
</div></div>
<div class="slide cover shout w" id="learners-meetup"><div>
<section>
<header class="with-bg">
<h2>Learners Meetup</h2>
</header>
<img src="assets/learners_meetup.jpg" alt="">
</section>
</div></div>

<div class="slide cover shout" id="upcoming-workshops-title"><div>
<section>
<header>
<h2>Upcoming Workshops</h2>
</header>
</section>
</div></div>

<div class="slide cover shout" id="upcoming-workshops"><div>
<section>
<header>
<h2>Arduino<br>
Advanced Git<br>
Repairing Hardware<br>
Games Development<br>
Kids Hackathon<br>
</h2>
</header>
</section>
</div></div>

<div class="slide" id="ThankYou"><div>
<section>
<header>
<h2>OpenTechSchool</h2>
<h2>Thanks</h2>
</header>
<ul>
<li><a href="http://twitter.com/opentechschool">http://twitter.com/opentechschool</a></li>
<li><a href="http://opentechschool.org">opentechschool.org</a></li>
<li><a href="http://blog.opentechschool.org">blog.opentechschool.org</a></li>
</ul>
<p>Fork this presentation on <a href="https://github.com/OpenTechSchool/slides">Github</a>!</p>
<p>You can learn more about the OpenTechSchool via
<ul>
<li><a href="http://twitter.com/opentechschool">@opentechschool</a></li>

<li><a href="http://facebook.com/opentechschool">fb.com/opentechschool</a></li>
<li><a href="http://opentechschool.org">opentechschool.org</a></li>
<li><a href="http://blog.opentechschool.org">blog.opentechschool.org</a></li>
</ul>
</p>
<p>Fork this presentation on <a href="https://github.com/OpenTechSchool/slides">Github</a>.</p>
</section>
</div></div>

Expand Down
14 changes: 14 additions & 0 deletions theme/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -299,6 +299,20 @@ h1, h2, h3 {
text-align: center;
}

.slide.invert header.with-bg,
.slide.shout header.with-bg,
.slide.shout-louder header.with-bg {
background-color: #286d99;
background-color: rgba(0,0,0,0.5);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

padding: 1em 0;
border-top: solid 1px #666;
border-bottom: solid 1px #666;
}

.slide.shout section > *:first-child,
.slide.centered section > *:first-child,
.slide.shout-louder section > *:first-child {
Expand Down

0 comments on commit 910123d

Please sign in to comment.