Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@sampoder
sampoder authored Jun 21, 2020
0 parents commit 8709ff8
Show file tree
Hide file tree
Showing 3 changed files with 388 additions and 0 deletions.
190 changes: 190 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,190 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<title>The Pwaachive</title>

<!-- import the webpage's stylesheet -->
<link rel="stylesheet" href="/style.css" />
<link rel="stylesheet" href="/simple-grid.css" />

<!-- import the webpage's javascript file -->
<script src="/script.js" defer></script>
</head>
<body>
<h1>
<span
style="background-color: #000; color: white; padding: 0px 9px 0px 3px;"
>
The Pwaachive
</span>
</h1>
<h3>
Archive of Materials from OnePwaa's Inagural Online WSCamp
</h3>
<div style="position:fixed;top:32px;right:4.5em;">
<img src="https://www.onepwaa.org/favicon.ico" width="50px" />
</div>
<div class="container">
<div class="row">
<div class="col-3 panel1">
<iframe
src="https://www.youtube.com/embed/ldRILvOiQFM"
width="100%"
height="180vw"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
<br /><br />
<strong class="workshop-title">Debate Workshop I</strong>
<p>
Savanah James //
<a
href="https://docs.google.com/presentation/d/1CBrO58Snt7Q7IaNrXoCS7983jM2nkxVtfFnhCu3amvY/edit?usp=sharing"
>Slides</a
>
</p>
</div>
<div class="col-3 panel1">
<iframe
src="https://www.youtube.com/embed/WVxo4lNqzwg?start=53"
width="100%"
height="180vw"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
<br /><br />
<strong class="workshop-title">Debate Workshop II</strong>
<p>
Darren Tan //
<a
href="https://docs.google.com/presentation/d/1CBrO58Snt7Q7IaNrXoCS7983jM2nkxVtfFnhCu3amvY/edit?usp=sharing"
>Slides</a
>
</p>
</div>
<div class="col-3 panel1">
<iframe
src="https://www.youtube.com/embed/nic1ctVllbk"
width="100%"
height="180vw"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
<br /><br />
<strong class="workshop-title">Challenge Workshop</strong>
<p>
Tyler Williams & Sarah Swea //
<a
href="https://docs.google.com/presentation/d/1CBrO58Snt7Q7IaNrXoCS7983jM2nkxVtfFnhCu3amvY/edit?usp=sharing"
>Slides</a
>
</p>
</div>
<div class="col-3 panel2">
<iframe
src="https://www.youtube.com/embed/P77xHKtTfVo"
width="100%"
height="180vw"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
<br /><br />
<strong>Writing Workshop</strong>
<p>
Stephanie Komala & Ryan Wong //
<a
href="https://docs.google.com/presentation/d/1CBrO58Snt7Q7IaNrXoCS7983jM2nkxVtfFnhCu3amvY/edit?usp=sharing"
>Slides</a
>
</p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-3 panel1">
<h3>
<span
style="background-color: #000; color: white; padding: 3px 9px 3px 3px; font-style: italic;"
>
Debate
</span>
</h3>
<span><strong>Round 1 Motion:</strong> That it is beneficial for leaders to groom their own replacements. </span>
<br><br>
<span><strong>Round 2 Motion:</strong> That writers have a responsibility to their readers to finish the stories they started. </span>

</div>
<div class="col-3 panel1">
<h3>
<span
style="background-color: #000; color: white; padding: 3px 9px 3px 3px; font-style: italic;"
>
Challenge
</span>
</h3>
<span><strong>Coming Soon</strong></span>
<br><br>
<span>We'll be sharing a public link to a Quizizz for you to play the challenge in your own time.</span>

</div>
<div class="col-3 panel1">
<h3>
<span
style="background-color: #000; color: white; padding: 3px 9px 3px 3px; font-style: italic;"
>
Writing Prompts
</span>
</h3>
<p>
We've got too many to fit on this page! You can see them here:
</p>
<a href="https://cdn.glitch.com/807342fc-8045-4658-8910-c995f43742d3%2Fpasted%20image%200%20(2).png?v=1592738897813">

Junior Division

</a>
<br><br>
<a href="https://cdn.glitch.com/807342fc-8045-4658-8910-c995f43742d3%2Fpasted%20image%200%20(1).png?v=1592738701129">

Senior Division

</a>

</div>
<div class="col-3">
<h3>
<span
style="background-color: #000; color: white; padding: 3px 9px 3px 3px; font-style: italic;"
>
About OnePwaa
</span>
</h3>
<p>
We ensure that the World Scholar's Cup community has access to resources and services that benefit individuals within the community.
</p>
<a href="https://www.onepwaa.org/about.html">

Learn more

</a>

</div>

</div>

</div>
<hr>
<p>
<i>Thank you for joining us - Elaine, Tyler, Darren, Sarah, Sam, Savanah, Stefi, Ryan, Sally, Charlie & Charmaine</i>
</p>
</body>
</html>
180 changes: 180 additions & 0 deletions simple-grid.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,180 @@
/**
*** SIMPLE GRID
*** (C) ZACH COLE 2016
**/

@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic);

/* POSITIONING */

.left {
text-align: left;
}

.right {
text-align: right;
}

.center {
text-align: center;
margin-left: auto;
margin-right: auto;
}

.justify {
text-align: justify;
}

/* ==== GRID SYSTEM ==== */

.container {
width: 99%;
}

.row {
position: relative;
width: 100%;
}

.row [class^="col"] {
float: left;
min-height: 0.125rem;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
width: 96%;
}

.col-1-sm {
width: 4.33%;
}

.col-2-sm {
width: 12.66%;
}

.col-3-sm {
width: 27%;
}

.col-4-sm {
width: 29.33%;
}

.col-5-sm {
width: 37.66%;
}

.col-6-sm {
width: 39%;
}

.col-7-sm {
width: 54.33%;
}

.col-8-sm {
width: 62.66%;
}

.col-9-sm {
width: 71%;
}

.col-10-sm {
width: 79.33%;
}

.col-11-sm {
width: 87.66%;
}

.col-12-sm {
width: 96%;
}

.row::after {
content: "";
display: table;
clear: both;
}

.hidden-sm {
display: none;
}

.panel1{
margin: 0em 2% 2em 0em;
}
.panel2{
margin: 0em 0% 2em 0em;
}

@media only screen and (min-width: 45em) { /* 720px */
.col-1 {
width: 4.33%;
}

.col-2 {
width: 12.66%;
}

.col-3 {
width: 23%;
}

.col-3_2 {
width: 19.5%;
}

.col-4 {
width: 29.33%;
}

.col-5 {
width: 37.66%;
}

.col-6 {
width: 39%;
}

.col-7 {
width: 54.33%;
}

.col-8 {
width: 62.66%;
}

.col-9 {
width: 71%;
}

.col-10 {
width: 79.33%;
}

.col-11 {
width: 87.66%;
}

.col-12 {
width: 96%;
}

.hidden-sm {
display: block;
}
}
18 changes: 18 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
/* CSS files add styling rules to your content */

body {
font-family: helvetica, arial, sans-serif;
margin: 2em;
}

h1 {
font-style: italic;
color: #373fff;
}

.workshop-title{
margin-top: 30px;
}
a{
color: #000
}

0 comments on commit 8709ff8

Please sign in to comment.