Skip to content

Commit 56e965d

Browse files
possumbilitiespossumbilities
authored
Merge pull request #92 from creativecommons/course-context
add `course` contexts
2 parents a96a483 + 28e864d commit 56e965d

File tree

4 files changed

+891
-13
lines changed

4 files changed

+891
-13
lines changed

‎src/context/course-embedded.html

+237
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,237 @@
1+
<!DOCTYPE html>
2+
<html lang="en-US">
3+
<head>
4+
<title>Default Page - Context</title>
5+
<meta charset="UTF-8">
6+
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
9+
<link rel="icon" href="../vocabulary/favicon/favicon.ico" sizes="any" />
10+
<link rel="icon" href="../vocabulary/favicon/favicon.svg" type="image/svg+xml" />
11+
<link rel="manifest" href="../vocabulary/favicon/manifest.webmanifest" />
12+
<link rel="apple-touch-icon" sizes="180x180" href="../vocabulary/favicon/apple-touch-icon.png" />
13+
14+
<link rel="stylesheet" media="all" href="../css/style.css" />
15+
16+
</head>
17+
18+
<body class="course-page">
19+
<a class="skip-to-content" href="#main-content-marker">Skip to content</a>
20+
21+
<header>
22+
<div class="masthead">
23+
<h1><a class="identity-logo" href="#">Creative Commons</a></h1>
24+
<button class="expand-menu">Menu</button>
25+
<nav class="primary-menu" aria-label="Primary navigation">
26+
<ul>
27+
<li><a href="">Who We Are</a></li>
28+
<li><a href="">What We Do</a></li>
29+
<li><a href="">Licenses and Tools</a></li>
30+
<li><a href="">Blog</a></li>
31+
<li><a href="">Support Us</a></li>
32+
</ul>
33+
</nav>
34+
35+
<nav class="ancillary-menu" aria-label="Ancillary navigation">
36+
<ul>
37+
<!-- uncomment below line, if translation functionality is present on site -->
38+
<!-- <li><button class="locale icon-attach fa-globe">English</button></li> -->
39+
<!-- uncomment below line, if search functionality is present on site -->
40+
<li><a class="search icon-attach fa-search" href="#">Search</a></li>
41+
<li><a class="donate icon-attach fa-heart" href="#">Donate</a></li>
42+
<li><button class="explore">Explore CC</button></li>
43+
</ul>
44+
</nav>
45+
</div>
46+
47+
48+
49+
<div class="explore-panel">
50+
51+
<!-- (optional main CC logo, p, link on non-home site back to main site) -->
52+
<!-- <aside>
53+
<a class="identity-logo" href="#">Creative Commons</a>
54+
<h2>Our Work Relies On You!</h2>
55+
<p>Help us keep the internet free and open.</p>
56+
</aside> -->
57+
58+
<nav class="explore-menu" aria-label="Explore menu">
59+
<ul>
60+
<li>
61+
<a href="#">Global Network</a>
62+
<p>Join a global community working to strengthen the Commons</p>
63+
</li>
64+
<li>
65+
<a href="#">Certificate</a>
66+
<p>Become an expert in creating and engaging with openly licensed materials</p>
67+
</li>
68+
<li>
69+
<a href="#">Global Summit</a>
70+
<p>Attend our annual event, promoting the power of open licensing</p>
71+
</li>
72+
<li>
73+
<a href="#">Chooser</a>
74+
<p>Get help choosing the appropriate license for your work</p>
75+
</li>
76+
<li>
77+
<a href="#">Search Portal</a>
78+
<p>Find engines to search openly licensed material for creative and educational reuse</p>
79+
</li>
80+
<li>
81+
<a href="#">Open Source</a>
82+
<p>Help us build products that maximize creativity and innovation</p>
83+
</li>
84+
85+
</ul>
86+
</nav>
87+
</div>
88+
89+
</header>
90+
91+
<!-- <article class="attention">
92+
<p>Join us in <a href="#">celebrating 100 years of the Commons</a> this Fall.</p>
93+
</article> -->
94+
95+
<main>
96+
97+
<header>
98+
99+
<nav class="breadcrumbs">
100+
<ul>
101+
<li>Creative Commons</li>
102+
<li><a href="#">Creative Commons Certificate for Educators, Academic Librarians, and Open Culture</a></li>
103+
</ul>
104+
</nav>
105+
106+
<h1>Unit 1: What Is Creative Commons</h1>
107+
108+
<!-- <span class="byline">by <a href="#">Brigitte Vezina</a>, <a href="#">Ony Anukem</a></span> -->
109+
110+
<!-- <p>lead in paragraph</p> -->
111+
112+
<!-- <span class="categories">
113+
<a href="#">Open Culture</a>
114+
</span> -->
115+
116+
117+
<!-- <img src="#" /> -->
118+
119+
</header>
120+
121+
<!-- <aside class="sidebar">
122+
<nav class="contextual-menu">
123+
<h2>Registration</h2>
124+
<ul>
125+
<li><a href="#">How many hours of work does the Certificate course require?</a></li>
126+
<li><a href="#">What do I get with the Certificate?</a></li>
127+
</ul>
128+
</nav>
129+
130+
<nav>
131+
<h2>Course</h2>
132+
<ul>
133+
<li><a href="#">Does everyone participating in the course get a certificate?</a></li>
134+
<li><a href="#">Can I represent Creative Commons once I am CC Certified?</a></li>
135+
<li><a href="#">How Scholarships work?</a></li>
136+
<ul>
137+
<li>Second Level Item</li>
138+
139+
<ul>
140+
<li>Third Level Item</li>
141+
</ul>
142+
</ul>
143+
144+
</ul>
145+
</nav>
146+
</aside> -->
147+
148+
149+
<div class="content">
150+
151+
<!-- <div class="series">
152+
<span>part of the</span>
153+
<a href="#">Copyright and Artists</a> series, a unique take on how copyright isn't aligned with the interests of individual artists, but instead mega-corps.
154+
155+
</div> -->
156+
157+
158+
159+
<p>What are the barriers to open culture? What challenges do cultural heritage institutions &mdash; such as galleries, libraries, archives, and museums (GLAMs) &mdash; face in making their collections openly accessible online? How could Creative Commons support institutions in addressing these challenges and taking part in better sharing of cultural heritage?</p>
160+
161+
<p>In search of answers, we looked at past research, notably Andrea Wallace's Barriers to Open Access &mdash; Open GLAM, and asked more than 30 experts in the open culture movement. You can watch what they told us in our CC Open Culture VOICES vlog series. Here's a small sample of what we heard:</p>
162+
163+
<h2>Let's Try This Again</h2>
164+
165+
<h3>Along The Way We Try</h3>
166+
167+
168+
<p>Along with 600 million people, nine-year-old Chris Hadfield is glued to his television&mdash;watching intently as American astronaut Neil Armstrong glides down the ladder of the Lunar Module, and in one swift pounce, touches the dust of a familiar yet alien world. His words forever immortalized, "That's one small step for man, one giant leap for mankind."</p>
169+
170+
<ul>
171+
<li>Assemble module</li>
172+
<li>Launch aircraft</li>
173+
<li>Land safely</li>
174+
</ul>
175+
176+
<p>“To see that successfully carried out against what seemed like impossible odds for the first time in human history,” Hadfield recalled in 2012, “was hugely inspiring.” That moment sparked his lifelong journey to become an astronaut; which he did, becoming the first Canadian to walk in space in 2001. In the 1990s, Haley Harrison first heard Armstrong's words on an educational tape about space. “I was very young, probably 4 or 5 years old,” she recollected, “I just listened to the tape over and over. I would imagine myself on the shuttle…and I would pretend I was going up to space.” Harrison is now a Ph.D. candidate studying nanoscience at The University of North Carolina at Greensboro, with goals of working in the space industry.</p>
177+
178+
179+
<blockquote>
180+
<p>NASA is not only required by law (e.g. the U.S. Copyright Act of 1976) to give the public access to many of its materials, the Agency really wants people to use them.</p>
181+
</blockquote>
182+
183+
<figure>
184+
<img src="../imgs/image.jpg" />
185+
186+
<figcaption class="attribution">"<a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22">The More We Share, The More We Have (series 1/2)</a>" by <a href="https://thegreats.co/artists/pietro-soldi">Pietro Soldi</a> for Creative Commons &amp; Fine Acts is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></figcaption>
187+
</figure>
188+
189+
<p>Footage and audio of the <a href="#">Apollo 11 Commander Neil Armstrong</a> and lunar module pilot Buzz Aldrin hopping on the Moon's surface in 1969 have been remixed, remastered, and reshared countless times—inspiring generations of everyday citizens, like Hadfield and Harrison, to engage <em>with</em> space science and exploration. In fact, the use of materials created by the National Aeronautics and Space Administration (NASA) to create new works for the public doesn't end with Armstrong's history-making first steps.</p>
190+
191+
<h3>Steps to launch</h3>
192+
<ol>
193+
<li>Assemble module</li>
194+
<li>Launch aircraft</li>
195+
<li>Land safely</li>
196+
</ol>
197+
198+
<figure>
199+
<img src="../imgs/image.jpg" class="alignright" />
200+
201+
<figcaption class="attribution">"<a href="https://thegreats.co/artworks/the-more-we-share-the-more-we-have-series-22">The More We Share, The More We Have (series 1/2)</a>" by <a href="https://thegreats.co/artists/pietro-soldi">Pietro Soldi</a> for Creative Commons &amp; Fine Acts is licensed under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a></figcaption>
202+
</figure>
203+
204+
<p>For example, Alex G. Orphanos, a science communicator, engineer, and host of the Today in Space podcast, has put NASA's materials to use for over six years. In particular, he has used images from the Hubble Space Telescope and information from NASA Procurement to better explain space-related issues to his audience. Rachael Eidson, a business development specialist for <strong>Trenton Systems</strong> and social media influencer also routinely uses NASA's images in her collaborations with eco-fashion and accessory companies. In fact, it's hard to miss the resurgence of space-themed items, including t-shirts, mugs, bags, etc. featuring NASA's “meatball” logo. As the L.A. Times reported in 2019, “The NASA logo is having a moment.”</p>
205+
206+
207+
<ul>
208+
209+
<li>Top Level Item</li>
210+
211+
<ul>
212+
<li>Second Level Item</li>
213+
214+
<ul>
215+
<li>Third Level Item</li>
216+
</ul>
217+
</ul>
218+
219+
<li>Top Level Item</li>
220+
</ul>
221+
222+
<details>
223+
<summary>Licenses & Attribution</summary>
224+
225+
<ul>
226+
<li><strong>Provided by</strong>: Creative Commons. <strong>License</strong>: <em><a rel="license" href="https://creativecommons.org/licenses/by/4.0/">CC BY: Attribution</a></em></li>
227+
</ul>
228+
</details>
229+
</div>
230+
231+
</main>
232+
233+
234+
<script src="../vocabulary/js/vocabulary.js"></script>
235+
236+
</body>
237+
</html>

0 commit comments

Comments
 (0)