Skip to content

Commit b6078fa

Browse files
Dhruvi16Dhruvi16
committed
Update footer
1 parent e1de654 commit b6078fa

File tree

1 file changed

+115
-27
lines changed

1 file changed

+115
-27
lines changed

‎themes/vocabulary_theme/templates/layout.html

+115-27
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,12 @@
1+
2+
13
<!doctype html>
24
<meta charset="utf-8">
35
<meta name="viewport" content="width=device-width, initial-scale=1" />
46
<link rel="shortcut icon" type="image/x-icon" href="{{ '/static/favicon.ico'|url }}">
5-
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
6-
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet">
7+
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" rel="stylesheet"
8+
integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
9+
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700" rel="stylesheet">
710
<link rel="stylesheet" href="{{ '/static/gen/style.css'|url }}">
811
<link rel="stylesheet" href="{{ get_pygments_stylesheet()|url }}">
912
<meta property="og:site_name" content="Creative Commons" />
@@ -20,22 +23,26 @@
2023
<meta property="og:url" content="{{ this|url }}" />
2124
<meta property="og:type" content="article" />
2225
{% set image = this.attachments.images.first() %}
23-
{% if image %}
26+
{% if image %}
2427
<meta property="og:image" content="{{ image|url(external=true)}}" />
25-
{% endif %}
28+
{% endif %}
2629
<meta name="twitter:card" content="summary_large_image" />
2730
<meta name="twitter:title" content="{{ this.title }}">
2831
<meta name="twitter:description" content="{{ desc }}">
29-
{% if image %}
32+
{% if image %}
3033
<meta name="twitter:image" content="{{ image|url(external=true) }}">
31-
{% endif %}
34+
{% endif %}
3235
<meta name="twitter:site" content="@creativecommons">
3336
<meta name="twitter:creator" content="@creativecommons">
34-
<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
35-
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
36-
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
37+
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
38+
integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
39+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"
40+
integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
41+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"
42+
integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
3743
<script type="text/javascript" src="{{ '/static/gen/script.js'|url }}"></script>
3844
<title>{% block title %}Welcome{% endblock %} — Creative Commons on GitHub</title>
45+
3946
<body>
4047
<div class="ga-script">{{ generate_google_analytics() }}</div>
4148
<header class="main-header">
@@ -52,7 +59,7 @@
5259
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
5360
<span class="navbar-toggler-icon"></span>
5461
</button>
55-
62+
5663
<div class="collapse navbar-collapse" id="navbarSupportedContent">
5764
<ul class="navbar-nav">
5865
<li class="nav-item{% if this.is_child_of('/blog') %} active{% endif%}">
@@ -68,7 +75,7 @@
6875
['/contributing-code/github-repo-guidelines', 'GitHub Repo Guidelines'],
6976
['/contributing-code/cc-search', 'CC Search'],
7077
] %}
71-
<a class="dropdown-item" href="{{ href|url }}">{{ title }}</a>
78+
<a class="dropdown-item" href="{{ href|url }}">{{ title }}</a>
7279
{% endfor %}
7380
</div>
7481
</li>
@@ -83,7 +90,7 @@
8390
['/community/code-of-conduct', 'Code of Conduct'],
8491
['/community/code-of-conduct/enforcement', 'Code of Conduct Enforcement'],
8592
] %}
86-
<a class="dropdown-item" href="{{ href|url }}">{{ title }}</a>
93+
<a class="dropdown-item" href="{{ href|url }}">{{ title }}</a>
8794
{% endfor %}
8895
</div>
8996
</li>
@@ -98,7 +105,7 @@
98105
['/internships/mentor-guide', 'Mentor Guide'],
99106
['/internships/history', 'History'],
100107
] %}
101-
<a class="dropdown-item" href="{{ href|url }}">{{ title }}</a>
108+
<a class="dropdown-item" href="{{ href|url }}">{{ title }}</a>
102109
{% endfor %}
103110
</div>
104111
</li>
@@ -112,7 +119,7 @@
112119
['/archives/old-tech-blog', 'CC Tech Blog (2007-2014)'],
113120
['https://lists.ibiblio.org/pipermail/cc-devel/', 'cc-devel mailing list (2005-2015)'],
114121
] %}
115-
<a class="dropdown-item" href="{{ href }}">{{ title }}</a>
122+
<a class="dropdown-item" href="{{ href }}">{{ title }}</a>
116123
{% endfor %}
117124
</div>
118125
</li>
@@ -122,7 +129,18 @@
122129
</ul>
123130
</nav>
124131
</div>
125-
<a href="https://github.com/creativecommons/creativecommons.github.io-source" target="_blank" class="github-corner" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; left: 0; transform: scale(-1, 1);" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg>
132+
<a href="https://github.com/creativecommons/creativecommons.github.io-source" target="_blank"
133+
class="github-corner" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250"
134+
style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; left: 0; transform: scale(-1, 1);"
135+
aria-hidden="true">
136+
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
137+
<path
138+
d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
139+
fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
140+
<path
141+
d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
142+
fill="currentColor" class="octo-body"></path>
143+
</svg>
126144
</a>
127145
</div>
128146
</div>
@@ -138,19 +156,89 @@ <h1 class="page-title pb-3 mb-4">{% block header %}{{ this.title }}{% endblock %
138156
</div>
139157
</div>
140158
</div>
141-
<footer class="main-footer bg-dark">
142-
<div class="container-fluid">
143-
<div class="row justify-content-md-center">
144-
<div class="col-lg-9 col-md-9 col-sm-12 footer text-light py-4 px-3">
145-
<small>
146-
<p><a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License"
147-
style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a></p>
148-
<p class="text-muted">All the content on this website is licensed under a <strong><a rel="license"
149-
href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International
150-
License</a></strong> unless otherwise specified.</p>
151-
</small>
159+
<footer class="main-footer">
160+
<div class="container">
161+
<div class="columns">
162+
<div class="column">
163+
<a href="https://creativecommons.org" class="main-logo margin-bottom-bigger">
164+
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" viewBox="0 0 304 73">
165+
<use href="/cc.svg#logomark"></use>
166+
</svg>
167+
</a>
168+
<p>
169+
<address class="margin-bottom-normal">Creative Commons<br />PO Box 1866, Mountain View CA 94042</address>
170+
<a href="mailto:info@creativecommons.org" class="mail">info@creativecommons.org</a><br />
171+
<a href="tel://+1-415-429-6753" class="phone">+1-415-429-6753</a>
172+
</p>
173+
<div class="margin-vertical-large">
174+
<a href="https://www.instagram.com/creativecommons" class="social has-text-white" target="_blank"
175+
rel="noopener">
176+
<i class="icon margin-right-small is-size-4">instagram</i>
177+
</a>
178+
<a href="https://www.twitter.com/creativecommons" class="social has-text-white" target="_blank"
179+
rel="noopener">
180+
<i class="icon margin-right-small is-size-4">twitter</i>
181+
</a>
182+
<a href="https://www.facebook.com/creativecommons" class="social has-text-white" target="_blank"
183+
rel="noopener">
184+
<i class="icon margin-right-small is-size-4">facebook</i>
185+
</a>
186+
<a href="https://www.linkedin.com/company/creative-commons/" class="social has-text-white" target="_blank"
187+
rel="noopener">
188+
<i class="icon margin-right-small is-size-4">linkedin</i>
189+
</a>
190+
</div>
191+
</div>
192+
<div class="column is-half">
193+
<nav class="footer-navigation">
194+
<ul class="menu">
195+
<li>
196+
<a href="{{ '/blog'|url }}" class="menu-item">Blog</a>
197+
</li>
198+
<li>
199+
<a href="{{ '/contributing-code'|url }}" class="menu-item">Contributing Guidelines</a>
200+
</li>
201+
<li>
202+
<a href="{{ '/community/community-team'|url }}" class="menu-item">Community Teams</a>
203+
</li>
204+
<li>
205+
<a href="{{ '/contributing-code/projects'|url }}" class="menu-item">Project List</a>
206+
</li>
207+
</ul>
208+
</nav>
209+
<div class="subscription">
210+
<h5 class="b-header">Subscribe to our newsletter</h5>
211+
<form class="newsletter">
212+
<input type="text" class="input" placeholder="Your email">
213+
<input type="submit" value="subscribe" class="button small">
214+
</form>
215+
</div>
216+
<div class="attribution margin-top-bigger">
217+
<p class="caption">Except where otherwise <a href="https://creativecommons.org/policies#license"
218+
target="_blank">noted</a>, content on this site is licensed under a <a
219+
href="https://creativecommons.org/licenses/by/4.0/" target="_blank">Creative Commons Attribution 4.0
220+
International license</a>. Icons by <a href="https://fontawesome.com/" target="_blank" rel="noopener"
221+
class="has-text-white">Font Awesome</a>.</p>
222+
<div class="margin-top-smaller">
223+
<i class="icon margin-right-small is-size-4">cclogo</i>
224+
<i class="icon margin-right-small is-size-4">ccby</i>
225+
</div>
226+
</div>
227+
</div>
228+
<div class="column">
229+
<aside class="donate-section">
230+
<h5>Our work relies on you!</h5>
231+
<p>Help us keep the internet free and open.</p>
232+
{% set cc = site.get('/').attachments.get('ccheart.svg') %}
233+
<a class="button small donate">
234+
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" viewBox="0 0 80 72">
235+
<use href="/ccheart.svg#ccheart"></use>
236+
</svg>Donate now
237+
</a>
238+
</aside>
152239
</div>
153240
</div>
154241
</div>
155242
</footer>
156-
</body>
243+
244+
</body>

0 commit comments

Comments
 (0)