Skip to content

Commit cd3486e

Browse files
stevenleegstevenleeg
committed
initial commit
0 parents  commit cd3486e

16 files changed

+326
-0
lines changed

‎.gitignore

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
_site

‎_data/fellows.yaml

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
- title: Steve Gattuso
2+
year: 2013
3+
url: https://www.stevegattuso.me
4+
emoji: 💌
5+
description: My blog and personal wiki. Step right up for thoughts on programming, vegan cooking, urbanism, and whatever else pops into my mind.
6+
- title: Ray Berger
7+
year: 2018
8+
url: https://www.stevegattuso.me
9+
description: Lorem ipsum sit amet.

‎index.html

+47
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
---
2+
---
3+
<!DOCTYPE html>
4+
<html>
5+
<head>
6+
<title>hackNY webring</title>
7+
<link rel="stylesheet" href="style.css" />
8+
<link rel="stylesheet" href="static/local.css" />
9+
</head>
10+
<body>
11+
<header class="container">
12+
<img id="logo" src="logo.png" width="70" height="70" />
13+
web<span>ring</span>
14+
</header>
15+
<div class="container">
16+
<p>
17+
hackNY is a community of technologists aspiring to change the world.
18+
</p>
19+
<p>
20+
Our aim is to build a <b>diverse</b> and <b>inclusive</b> tech
21+
community to empower the next generation of responsible leaders in NYC.
22+
You can learn more on our <a href="https://hackny.org">website</a>.
23+
</p>
24+
<p>
25+
The hackNY webring is a directory of personal websites for alumNY of the
26+
<a href="https://hackny.org/fellows-program">fellowship program</a>.
27+
</p>
28+
<h2>Members</h2>
29+
{% assign fellows = site.data.fellows | sample: 400 %}
30+
{% for fellow in fellows %}
31+
<a href="{{fellow.url}}" class="site">
32+
<div class="site--emoji">{% if fellow.emoji %}{{fellow.emoji}}{% else %}😀{% endif %}</div>
33+
<div class="site--meta">
34+
<div class="site--title">{{fellow.title}} <span class="site--year">('{{fellow.year | slice: -2, 2}})</span></div>
35+
{% if fellow.description %}
36+
<div class="site--description">{{fellow.description}}</div>
37+
{% endif %}
38+
</div>
39+
</a>
40+
{% endfor %}
41+
</div>
42+
<footer class="container">
43+
&copy; 2024 hackNY. Website source
44+
<a href="https://github.com/hackny/webring.hackny.org">here</a>.
45+
</footer>
46+
</body>
47+
</html>

‎logo.png

2.4 KB
Loading

‎static/fonts/poppins-0.woff2

38.6 KB
Binary file not shown.

‎static/fonts/poppins-1.woff2

5.3 KB
Binary file not shown.

‎static/fonts/poppins-2.woff2

7.66 KB
Binary file not shown.

‎static/fonts/poppins-3.woff2

38.6 KB
Binary file not shown.

‎static/fonts/poppins-4.woff2

5.41 KB
Binary file not shown.

‎static/fonts/poppins-5.woff2

7.7 KB
Binary file not shown.

‎static/fonts/poppins-6.woff2

38.4 KB
Binary file not shown.

‎static/fonts/poppins-7.woff2

5.38 KB
Binary file not shown.

‎static/fonts/poppins-8.woff2

7.81 KB
Binary file not shown.

‎static/local.css

+81
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
/* devanagari */
2+
@font-face {
3+
font-family: 'Poppins';
4+
font-style: normal;
5+
font-weight: 300;
6+
font-display: swap;
7+
src: url('/static/fonts/poppins-0.woff2') format('woff2');
8+
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
9+
}
10+
/* latin-ext */
11+
@font-face {
12+
font-family: 'Poppins';
13+
font-style: normal;
14+
font-weight: 300;
15+
font-display: swap;
16+
src: url('/static/fonts/poppins-1.woff2') format('woff2');
17+
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
18+
}
19+
/* latin */
20+
@font-face {
21+
font-family: 'Poppins';
22+
font-style: normal;
23+
font-weight: 300;
24+
font-display: swap;
25+
src: url('/static/fonts/poppins-2.woff2') format('woff2');
26+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
27+
}
28+
/* devanagari */
29+
@font-face {
30+
font-family: 'Poppins';
31+
font-style: normal;
32+
font-weight: 400;
33+
font-display: swap;
34+
src: url('/static/fonts/poppins-3.woff2') format('woff2');
35+
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
36+
}
37+
/* latin-ext */
38+
@font-face {
39+
font-family: 'Poppins';
40+
font-style: normal;
41+
font-weight: 400;
42+
font-display: swap;
43+
src: url('/static/fonts/poppins-4.woff2') format('woff2');
44+
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
45+
}
46+
/* latin */
47+
@font-face {
48+
font-family: 'Poppins';
49+
font-style: normal;
50+
font-weight: 400;
51+
font-display: swap;
52+
src: url('/static/fonts/poppins-5.woff2') format('woff2');
53+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
54+
}
55+
/* devanagari */
56+
@font-face {
57+
font-family: 'Poppins';
58+
font-style: normal;
59+
font-weight: 600;
60+
font-display: swap;
61+
src: url('/static/fonts/poppins-6.woff2') format('woff2');
62+
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
63+
}
64+
/* latin-ext */
65+
@font-face {
66+
font-family: 'Poppins';
67+
font-style: normal;
68+
font-weight: 600;
69+
font-display: swap;
70+
src: url('/static/fonts/poppins-7.woff2') format('woff2');
71+
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
72+
}
73+
/* latin */
74+
@font-face {
75+
font-family: 'Poppins';
76+
font-style: normal;
77+
font-weight: 600;
78+
font-display: swap;
79+
src: url('/static/fonts/poppins-8.woff2') format('woff2');
80+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
81+
}

‎static/original.css

+81
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
/* devanagari */
2+
@font-face {
3+
font-family: 'Poppins';
4+
font-style: normal;
5+
font-weight: 300;
6+
font-display: swap;
7+
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z11lFd2JQEl8qw.woff2) format('woff2');
8+
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
9+
}
10+
/* latin-ext */
11+
@font-face {
12+
font-family: 'Poppins';
13+
font-style: normal;
14+
font-weight: 300;
15+
font-display: swap;
16+
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1JlFd2JQEl8qw.woff2) format('woff2');
17+
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
18+
}
19+
/* latin */
20+
@font-face {
21+
font-family: 'Poppins';
22+
font-style: normal;
23+
font-weight: 300;
24+
font-display: swap;
25+
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLDz8Z1xlFd2JQEk.woff2) format('woff2');
26+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
27+
}
28+
/* devanagari */
29+
@font-face {
30+
font-family: 'Poppins';
31+
font-style: normal;
32+
font-weight: 400;
33+
font-display: swap;
34+
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJbecnFHGPezSQ.woff2) format('woff2');
35+
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
36+
}
37+
/* latin-ext */
38+
@font-face {
39+
font-family: 'Poppins';
40+
font-style: normal;
41+
font-weight: 400;
42+
font-display: swap;
43+
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecnFHGPezSQ.woff2) format('woff2');
44+
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
45+
}
46+
/* latin */
47+
@font-face {
48+
font-family: 'Poppins';
49+
font-style: normal;
50+
font-weight: 400;
51+
font-display: swap;
52+
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecnFHGPc.woff2) format('woff2');
53+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
54+
}
55+
/* devanagari */
56+
@font-face {
57+
font-family: 'Poppins';
58+
font-style: normal;
59+
font-weight: 600;
60+
font-display: swap;
61+
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z11lFd2JQEl8qw.woff2) format('woff2');
62+
unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FF;
63+
}
64+
/* latin-ext */
65+
@font-face {
66+
font-family: 'Poppins';
67+
font-style: normal;
68+
font-weight: 600;
69+
font-display: swap;
70+
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1JlFd2JQEl8qw.woff2) format('woff2');
71+
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
72+
}
73+
/* latin */
74+
@font-face {
75+
font-family: 'Poppins';
76+
font-style: normal;
77+
font-weight: 600;
78+
font-display: swap;
79+
src: url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLEj6Z1xlFd2JQEk.woff2) format('woff2');
80+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
81+
}

‎style.css

+107
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,107 @@
1+
:root {
2+
--content-width: 600px;
3+
--color-dark: #515151;
4+
--color-hackny: rgb(255, 13, 0);
5+
--color-white: #FFF;
6+
--color-off-white: #EEEEEE;
7+
}
8+
9+
body {
10+
margin: 0;
11+
padding: 0;
12+
font-family: Poppins, sans-serif;
13+
font-weight: 400;
14+
color: var(--color-dark);
15+
background: var(--color-white);
16+
font-size: 18px;
17+
}
18+
19+
a {
20+
color: var(--color-hackny);
21+
}
22+
23+
a:hover {
24+
text-decoration: none;
25+
}
26+
27+
h2 {
28+
margin: .5em 0;
29+
}
30+
31+
#logo {
32+
border-radius: 5px;
33+
margin-right: 25px;
34+
}
35+
36+
header {
37+
display: flex;
38+
align-items: center;
39+
justify-content: center;
40+
font-size: 48px;
41+
span {
42+
color: var(--color-hackny);
43+
}
44+
}
45+
46+
.container {
47+
margin: 25px auto;
48+
width: var(--content-width);
49+
}
50+
51+
.site {
52+
display: flex;
53+
padding: 10px;
54+
margin: 10px 0px;
55+
background-color: var(--color-off-white);
56+
border-radius: 5px;
57+
text-decoration: none;
58+
align-items: center;
59+
justify-content: flex-start;
60+
}
61+
62+
.site:hover {
63+
background-color: var(--color-hackny);
64+
}
65+
66+
.site:hover .site--title {
67+
color: var(--color-white);
68+
}
69+
70+
.site--meta {
71+
display: flex;
72+
flex-direction: column;
73+
justify-content: flex-start;
74+
}
75+
76+
.site--emoji {
77+
font-size: 2em;
78+
margin-right: 15px;
79+
margin-left: 5px;
80+
width: 2em;
81+
height: 2em;
82+
min-width: 2em;
83+
display: flex;
84+
align-items: center;
85+
justify-content: center;
86+
border-radius: 1em;
87+
background-color: var(--color-white);
88+
}
89+
90+
.site--title {
91+
text-decoration: none;
92+
font-size: 1.5em;
93+
}
94+
95+
.site--year {
96+
color: var(--color-dark);
97+
font-size: .75em;
98+
}
99+
100+
.site--description {
101+
color: var(--color-dark);
102+
font-size: .75em;
103+
}
104+
105+
footer {
106+
font-size: .75em;
107+
}

0 commit comments

Comments
 (0)