Skip to content

Commit aa97ae0

Browse files
willnorriswillnorris
committed
deploy: 68c8b6b 
1 parent 3764298 commit aa97ae0

11 files changed

+113
-278
lines changed

‎404.html‎

Lines changed: 14 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -28,53 +28,31 @@
2828

2929
<title>404 Page not found | Twitter Open Source</title>
3030
<link rel="shortcut icon" type="image/png" href="/assets/favicon.ico"/>
31-
<link rel="stylesheet" href="/css/style.min.e47f85092586f21b91c5a1a2343b695f72e621d730c9c6f9522d091cdd955a2a.css"/>
31+
<link rel="stylesheet" href="/css/style.min.b79c89d6cf0a2a0d87a34d9d33484410cf0cf593adc259befc3661ca1b56c236.css"/>
3232

3333
</head>
3434

3535
<body>
3636

3737
<nav>
3838
<div class="nav-title">
39-
<span class="Icon Icon--logo Icon--large"></span>
40-
41-
42-
<a class="home-link" href="https://opensource.twitter.dev/">Open Source</a>
43-
44-
45-
<p class="home-text">Open Source</p>
46-
<span id="caret" class="Icon Icon--caretDown"></span>
39+
<a class="home-link" href="https://opensource.twitter.dev/">
40+
<img src="/assets/twitter-logo.svg" alt="Twitter">
41+
Open Source
42+
</a>
4743
</div>
48-
<ul class="nav-menu">
49-
50-
<li id="extra-mobile-link" class="nav-list-item">
51-
<a class="nav-link" href="https://opensource.twitter.dev/">Home</a>
52-
</li>
53-
54-
<li class="nav-list-item">
55-
<a class="nav-link" href="/projects">Projects</a>
56-
</li>
57-
58-
<li class="nav-list-item">
59-
<a class="nav-link" href="/memberships">Memberships</a>
60-
</li>
61-
62-
<li class="nav-list-item">
63-
<a class="nav-link" href="/year-in-review">Year in Review</a>
64-
</li>
65-
66-
<li class="nav-list-item">
67-
<a class="nav-link" href="https://blog.twitter.com/engineering/en_us/topics/open-source.html" target="_blank" rel="noopener">Blog</a>
68-
</li>
69-
70-
<li class="nav-list-item list-end">
71-
<a class="nav-link" href="https://github.com/twitter" target="_blank" rel="noopener">GitHub</a>
72-
</li>
44+
<a id="menu-toggle" href="#" onclick="document.getElementById('nav-menu').classList.toggle('active'); return false;">
45+
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
46+
</a>
47+
<ul id="nav-menu">
48+
<li><a href="/projects">Projects</a></li>
49+
<li><a href="/memberships">Memberships</a></li>
50+
<li><a href="/year-in-review">Year in Review</a></li>
51+
<li><a href="https://blog.twitter.com/engineering/en_us/topics/open-source.html" target="_blank" rel="noopener">Blog</a></li>
52+
<li><a href="https://github.com/twitter" target="_blank" rel="noopener">GitHub</a></li>
7353
</ul>
7454
</nav>
7555

76-
77-
7856

7957
<main>
8058
<div class="header">

‎assets/twitter-logo.svg‎

Lines changed: 16 additions & 0 deletions
Loading

‎css/style.min.e47f85092586f21b91c5a1a2343b695f72e621d730c9c6f9522d091cdd955a2a.css‎ renamed to ‎css/style.min.b79c89d6cf0a2a0d87a34d9d33484410cf0cf593adc259befc3661ca1b56c236.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/year-in-review.min.1958b5da7507325ce9fa70d132c3675c8851daf9f8a8e9fd3f01593978e6376f.css‎ renamed to ‎css/year-in-review.min.1dc2ccbdf3cc7c16f45d7874d0199c9f0bb9b87feeee28b1a42aea0b1352c53a.css‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎index.html‎

Lines changed: 14 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929

3030
<title>Twitter Open Source</title>
3131
<link rel="shortcut icon" type="image/png" href="/assets/favicon.ico"/>
32-
<link rel="stylesheet" href="/css/style.min.e47f85092586f21b91c5a1a2343b695f72e621d730c9c6f9522d091cdd955a2a.css"/>
32+
<link rel="stylesheet" href="/css/style.min.b79c89d6cf0a2a0d87a34d9d33484410cf0cf593adc259befc3661ca1b56c236.css"/>
3333
<link rel="stylesheet" href="/css/index.min.ee2021145cb627713c29328234f45fc21e447a7b59686b87a1e8ce68459e47e1.css"/>
3434

3535

@@ -39,45 +39,23 @@
3939

4040
<nav>
4141
<div class="nav-title">
42-
<span class="Icon Icon--logo Icon--large"></span>
43-
44-
45-
<a class="home-link" href="https://opensource.twitter.dev/">Open Source</a>
46-
47-
48-
<p class="home-text">Open Source</p>
49-
<span id="caret" class="Icon Icon--caretDown"></span>
42+
<a class="home-link" href="https://opensource.twitter.dev/">
43+
<img src="/assets/twitter-logo.svg" alt="Twitter">
44+
Open Source
45+
</a>
5046
</div>
51-
<ul class="nav-menu">
52-
53-
<li id="extra-mobile-link" class="nav-list-item">
54-
<a class="nav-link" href="https://opensource.twitter.dev/">Home</a>
55-
</li>
56-
57-
<li class="nav-list-item">
58-
<a class="nav-link" href="/projects">Projects</a>
59-
</li>
60-
61-
<li class="nav-list-item">
62-
<a class="nav-link" href="/memberships">Memberships</a>
63-
</li>
64-
65-
<li class="nav-list-item">
66-
<a class="nav-link" href="/year-in-review">Year in Review</a>
67-
</li>
68-
69-
<li class="nav-list-item">
70-
<a class="nav-link" href="https://blog.twitter.com/engineering/en_us/topics/open-source.html" target="_blank" rel="noopener">Blog</a>
71-
</li>
72-
73-
<li class="nav-list-item list-end">
74-
<a class="nav-link" href="https://github.com/twitter" target="_blank" rel="noopener">GitHub</a>
75-
</li>
47+
<a id="menu-toggle" href="#" onclick="document.getElementById('nav-menu').classList.toggle('active'); return false;">
48+
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
49+
</a>
50+
<ul id="nav-menu">
51+
<li><a href="/projects">Projects</a></li>
52+
<li><a href="/memberships">Memberships</a></li>
53+
<li><a href="/year-in-review">Year in Review</a></li>
54+
<li><a href="https://blog.twitter.com/engineering/en_us/topics/open-source.html" target="_blank" rel="noopener">Blog</a></li>
55+
<li><a href="https://github.com/twitter" target="_blank" rel="noopener">GitHub</a></li>
7656
</ul>
7757
</nav>
7858

79-
80-
8159

8260
<main>
8361
<div class="header">

‎js/main.js‎

Lines changed: 0 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -3,41 +3,6 @@
33
* SPDX-License-Identifier: Apache-2.0
44
*/
55

6-
// Create DOM element for navigation bar
7-
var navBar = document.getElementsByTagName("nav")[0]
8-
9-
// Create DOM element for mobile Twitter Open Source title
10-
var navTitle = document.getElementsByClassName("home-text")[0]
11-
12-
13-
// Media queries
14-
15-
if (matchMedia) {
16-
var mediaQuery650 = window.matchMedia("(max-width: 650px)")
17-
lessThan650px(mediaQuery650)
18-
mediaQuery650.addListener(lessThan650px)
19-
}
20-
21-
// Breakpoint for mobile navigation
22-
function lessThan650px(mediaQuery) {
23-
if (mediaQuery.matches) {
24-
var caret = document.getElementById("caret")
25-
caret.addEventListener("click", mobileNavigation)
26-
navTitle.addEventListener("click", mobileNavigation)
27-
} else {
28-
navBar.classList.remove("active")
29-
}
30-
}
31-
32-
// Makes changes for mobile navigation
33-
function mobileNavigation() {
34-
if (navBar.classList.contains("active")) {
35-
navBar.classList.remove("active")
36-
} else {
37-
navBar.classList.add("active")
38-
}
39-
}
40-
416
// set dark theme on twitter timeline widgets and feather components
427
if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
438
document.getElementsByTagName('body')[0].classList.add("u-featherBackgroundDark");

‎js/year-in-review.js‎

Lines changed: 7 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@ renderTopRepos(allRepos);
5757

5858
// Svg triggers using intersection observer
5959
// https://alligator.io/js/intersection-observer/
60-
const svgs = document.querySelectorAll('svg');
60+
const svgs = document.querySelectorAll('.YIR-wrapper svg');
6161
const config = {
6262
rootMargin: '50px 50px 50px 50px',
6363
threshold: [0, 0.25, 0.5]
@@ -78,28 +78,12 @@ svgs.forEach(image => {
7878

7979
// Media query for Year in Review mobile navigation
8080

81-
if (matchMedia) {
82-
var mediaQuery1080 = window.matchMedia("(max-width: 1080px)")
83-
lessThan1080px(mediaQuery1080)
84-
mediaQuery1080.addListener(lessThan1080px)
85-
}
86-
87-
function lessThan1080px(mediaQuery) {
88-
if (mediaQuery.matches) {
89-
var caret = document.getElementById("caret")
90-
caret.addEventListener("click", mobileNavigation)
91-
navTitle.addEventListener("click", mobileNavigation)
92-
93-
// If user clicks on a link in the nav-menu, the nav-menu disappears
94-
var navLinkList = document.getElementsByClassName("nav-link");
95-
for (var i = 0; i < navLinkList.length; i++) {
96-
var navLink = navLinkList[i];
97-
navLink.addEventListener("click", mobileNavigation);
98-
}
99-
} else {
100-
navBar.classList.remove("active")
101-
}
102-
}
81+
// Close nav-menu when menu item clicked (only effects mobile menu)
82+
document.querySelectorAll("#nav-menu a").forEach(e => {
83+
e.addEventListener("click", () => {
84+
document.getElementById('nav-menu').classList.remove('active')
85+
})
86+
})
10387

10488
// Smooth scrolling sections
10589
// https://codepen.io/nailaahmad/pen/MyZXVE

‎memberships/index.html‎

Lines changed: 14 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@
2828

2929
<title>Memberships | Twitter Open Source</title>
3030
<link rel="shortcut icon" type="image/png" href="/assets/favicon.ico"/>
31-
<link rel="stylesheet" href="/css/style.min.e47f85092586f21b91c5a1a2343b695f72e621d730c9c6f9522d091cdd955a2a.css"/>
31+
<link rel="stylesheet" href="/css/style.min.b79c89d6cf0a2a0d87a34d9d33484410cf0cf593adc259befc3661ca1b56c236.css"/>
3232
<link rel="stylesheet" href="/css/memberships.min.a98a4feaba9b307cde2579a6450a1c25e40db911e214cb8ea15e2b8f13568a50.css"/>
3333

3434

@@ -38,45 +38,23 @@
3838

3939
<nav>
4040
<div class="nav-title">
41-
<span class="Icon Icon--logo Icon--large"></span>
42-
43-
44-
<a class="home-link" href="https://opensource.twitter.dev/">Open Source</a>
45-
46-
47-
<p class="home-text">Open Source</p>
48-
<span id="caret" class="Icon Icon--caretDown"></span>
41+
<a class="home-link" href="https://opensource.twitter.dev/">
42+
<img src="/assets/twitter-logo.svg" alt="Twitter">
43+
Open Source
44+
</a>
4945
</div>
50-
<ul class="nav-menu">
51-
52-
<li id="extra-mobile-link" class="nav-list-item">
53-
<a class="nav-link" href="https://opensource.twitter.dev/">Home</a>
54-
</li>
55-
56-
<li class="nav-list-item">
57-
<a class="nav-link" href="/projects">Projects</a>
58-
</li>
59-
60-
<li class="nav-list-item">
61-
<a class="nav-link" href="/memberships">Memberships</a>
62-
</li>
63-
64-
<li class="nav-list-item">
65-
<a class="nav-link" href="/year-in-review">Year in Review</a>
66-
</li>
67-
68-
<li class="nav-list-item">
69-
<a class="nav-link" href="https://blog.twitter.com/engineering/en_us/topics/open-source.html" target="_blank" rel="noopener">Blog</a>
70-
</li>
71-
72-
<li class="nav-list-item list-end">
73-
<a class="nav-link" href="https://github.com/twitter" target="_blank" rel="noopener">GitHub</a>
74-
</li>
46+
<a id="menu-toggle" href="#" onclick="document.getElementById('nav-menu').classList.toggle('active'); return false;">
47+
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
48+
</a>
49+
<ul id="nav-menu">
50+
<li><a href="/projects">Projects</a></li>
51+
<li><a href="/memberships">Memberships</a></li>
52+
<li><a href="/year-in-review">Year in Review</a></li>
53+
<li><a href="https://blog.twitter.com/engineering/en_us/topics/open-source.html" target="_blank" rel="noopener">Blog</a></li>
54+
<li><a href="https://github.com/twitter" target="_blank" rel="noopener">GitHub</a></li>
7555
</ul>
7656
</nav>
7757

78-
79-
8058

8159
<main>
8260
<div class="header">

‎projects/index.html‎

Lines changed: 14 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@
2828

2929
<title>Projects | Twitter Open Source</title>
3030
<link rel="shortcut icon" type="image/png" href="/assets/favicon.ico"/>
31-
<link rel="stylesheet" href="/css/style.min.e47f85092586f21b91c5a1a2343b695f72e621d730c9c6f9522d091cdd955a2a.css"/>
31+
<link rel="stylesheet" href="/css/style.min.b79c89d6cf0a2a0d87a34d9d33484410cf0cf593adc259befc3661ca1b56c236.css"/>
3232
<link rel="stylesheet" href="/css/projects.min.e1b32ad668f10656e177028ce637c7b7afcb7c894e563cb933af21bbcb3a8f54.css"/>
3333

3434

@@ -38,45 +38,23 @@
3838

3939
<nav>
4040
<div class="nav-title">
41-
<span class="Icon Icon--logo Icon--large"></span>
42-
43-
44-
<a class="home-link" href="https://opensource.twitter.dev/">Open Source</a>
45-
46-
47-
<p class="home-text">Open Source</p>
48-
<span id="caret" class="Icon Icon--caretDown"></span>
41+
<a class="home-link" href="https://opensource.twitter.dev/">
42+
<img src="/assets/twitter-logo.svg" alt="Twitter">
43+
Open Source
44+
</a>
4945
</div>
50-
<ul class="nav-menu">
51-
52-
<li id="extra-mobile-link" class="nav-list-item">
53-
<a class="nav-link" href="https://opensource.twitter.dev/">Home</a>
54-
</li>
55-
56-
<li class="nav-list-item">
57-
<a class="nav-link" href="/projects">Projects</a>
58-
</li>
59-
60-
<li class="nav-list-item">
61-
<a class="nav-link" href="/memberships">Memberships</a>
62-
</li>
63-
64-
<li class="nav-list-item">
65-
<a class="nav-link" href="/year-in-review">Year in Review</a>
66-
</li>
67-
68-
<li class="nav-list-item">
69-
<a class="nav-link" href="https://blog.twitter.com/engineering/en_us/topics/open-source.html" target="_blank" rel="noopener">Blog</a>
70-
</li>
71-
72-
<li class="nav-list-item list-end">
73-
<a class="nav-link" href="https://github.com/twitter" target="_blank" rel="noopener">GitHub</a>
74-
</li>
46+
<a id="menu-toggle" href="#" onclick="document.getElementById('nav-menu').classList.toggle('active'); return false;">
47+
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
48+
</a>
49+
<ul id="nav-menu">
50+
<li><a href="/projects">Projects</a></li>
51+
<li><a href="/memberships">Memberships</a></li>
52+
<li><a href="/year-in-review">Year in Review</a></li>
53+
<li><a href="https://blog.twitter.com/engineering/en_us/topics/open-source.html" target="_blank" rel="noopener">Blog</a></li>
54+
<li><a href="https://github.com/twitter" target="_blank" rel="noopener">GitHub</a></li>
7555
</ul>
7656
</nav>
7757

78-
79-
8058

8159
<main>
8260
<div class="header">

0 commit comments

Comments
 (0)