Skip to content

Commit 8288f80

Browse files
knomepasiknomepasi
authored
Copy from earlgrey
1 parent 8c7f089 commit 8288f80

18 files changed

+533
-0
lines changed

‎fonts/font-lato.css

+32
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
/*
2+
* Lato
3+
*
4+
* Source: http://fonts.google.com/
5+
* License: http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL_web
6+
* Webfont generated by Font Squirrel, https://www.fontsquirrel.com/tools/webfont-generator
7+
*
8+
*/
9+
10+
@font-face {
11+
font-family: 'Lato';
12+
font-weight: 400;
13+
font-style: normal;
14+
15+
src: local('Lato Regular'), local('Lato-Regular'), url('lato_rg.woff2') format('woff2');
16+
}
17+
18+
@font-face {
19+
font-family: 'Lato';
20+
font-weight: 600;
21+
font-style: normal;
22+
23+
src: local('Lato Bold'), local('Lato-Bold'), url('lato_bd.woff2') format('woff2');
24+
}
25+
26+
@font-face {
27+
font-family: 'Lato';
28+
font-weight: 400;
29+
font-style: italic;
30+
31+
src: local('Lato Italic'), local('Lato-Italic'), url('lato_it.woff2') format('woff2');
32+
}

‎fonts/font-montserrat.css

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
/*
2+
* Montserrat
3+
*
4+
* Source: http://fonts.google.com/
5+
* License: http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL_web
6+
* Webfont generated by Font Squirrel, https://www.fontsquirrel.com/tools/webfont-generator
7+
*
8+
*/
9+
10+
@font-face {
11+
font-family: 'Montserrat';
12+
font-weight: 400;
13+
font-style: normal;
14+
15+
src: local('Montserrat'), url('montserrat_rg.woff2') format('woff2');
16+
}

‎fonts/lato_bd.woff2

25 KB
Binary file not shown.

‎fonts/lato_it.woff2

22.3 KB
Binary file not shown.

‎fonts/lato_rg.woff2

24.5 KB
Binary file not shown.

‎fonts/montserrat_rg.woff2

18 KB
Binary file not shown.

‎images/favicon.png

6.08 KB
Loading

‎images/github.png

598 Bytes
Loading

‎images/logo.png

13.6 KB
Loading

‎index.html

+110
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,110 @@
1+
<!DOCTYPE html>
2+
3+
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" xml:lang="en-US">
4+
<head>
5+
<title>Shimmer Project</title>
6+
<meta charset="UTF-8" />
7+
8+
<meta name="copyright" content="&copy; 2016&ndash; Shimmer Project" />
9+
<meta name="description" content="Shimmer Project – A collective that aims to make Open Source beautiful" />
10+
11+
<link rel="icon" href="images/favicon.png?2017-12">
12+
<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1" />
13+
14+
<link rel="stylesheet" href="style/reset.css" type="text/css" media="all" />
15+
<link rel="stylesheet" href="style/main.css" type="text/css" media="all" />
16+
<link rel="stylesheet" href="style/common.css" type="text/css" media="all" />
17+
<link rel="stylesheet" href="fonts/font-montserrat.css" type="text/css" media="all" />
18+
<link rel="stylesheet" href="fonts/font-lato.css" type="text/css" media="all" />
19+
</head>
20+
21+
<body>
22+
23+
<section id="brand">
24+
<h1>
25+
<a href="https://shimmerproject.org/">
26+
<img src="images/logo.png" alt="Shimmer Project" />
27+
</a>
28+
</h1>
29+
</section>
30+
31+
<section id="widgets" class="group">
32+
<section class="widget">
33+
<h2>Shimmer Project</h2>
34+
<p><strong>A collective founded in 2009 to make Open Source beautiful.</strong></p>
35+
<p>We work with artwork, UI design, usability, desktop integration, web development and more.</p>
36+
<p>We collaborate and integrate with communities, but as a collective, do not have any structural or financial ties to other projects.</p>
37+
</section>
38+
<section class="widget">
39+
<h2>Our projects</h2>
40+
<p>You can find all of our projects – including our popular desktop themes – with descriptions and their latest and greatest versions in Github.</p>
41+
<p><a class="github button" href="https://github.com/shimmerproject/">Shimmer Project on Github</a></p>
42+
<p>If you want to install our themes, they are available in the repositories of most operating systems.</p>
43+
</section>
44+
</section>
45+
46+
<main id="content" class="group">
47+
<h2>Contact us</h2>
48+
<p>You can get in touch with us by joining <strong><a href="https://discord.gg/AW5beSa">our Discord server</a></strong>.<br />
49+
The server is used for both general communication, user support and development discussions.</p>
50+
<p>We also have an IRC channel <strong><a href="https://web.libera.chat/#shimmer">#shimmer</a></strong> on the <a href="https://libera.chat/">Libera</a> IRC network, though the discussion there is very sparse.</p>
51+
52+
<h2>Who are we?</h2>
53+
<section id="members" class="group">
54+
<a class="member" href="https://open.knome.fi/">
55+
<img src="members/pasi.png" width="64" height="64" alt="Pasi Lallinaho" />
56+
<span class="name">Pasi Lallinaho</span>
57+
<span class="website">Website</span>
58+
<p>
59+
<span class="nick">knome</span><br />
60+
Co-founder. Artwork, UI and web.
61+
</p>
62+
</a>
63+
<a class="member" href="https://simon.shimmerproject.org">
64+
<img src="members/simon.jpg" width="64" height="64" alt="Simon Steinbeiß" />
65+
<span class="name">Simon Steinbeiß</span>
66+
<span class="website">Website</span>
67+
<p>
68+
<span class="nick">ochosi</span><br />
69+
Xfce, Artwork and UI.
70+
</p>
71+
</a>
72+
<a class="member" href="https://bluesabre.org/">
73+
<img src="members/sean.png" width="64" height="64" alt="Sean Davis" />
74+
<span class="name">Sean Davis</span>
75+
<span class="website">Website</span>
76+
<p>
77+
<span class="nick">bluesabre</span><br />
78+
Technical guru.
79+
</p>
80+
</a>
81+
<a class="member" href="https://unit193.net/">
82+
<img src="members/anon.jpeg" width="64" height="64" alt="Unit193" />
83+
<span class="name">Unit193</span>
84+
<span class="website">Website</span>
85+
<p>
86+
Likes boxes and packages.
87+
</p>
88+
</a>
89+
<span class="member">
90+
<img src="members/maurizio.jpg" width="64" height="64" alt="m4u9" />
91+
<span class="name">Maurizio Galli</span>
92+
<p>
93+
<span class="nick">m4u9</span><br />
94+
Geeko who likes to play with artwork.
95+
</p>
96+
</span>
97+
</section>
98+
99+
<h3>Inactive and past members</h3>
100+
<ul>
101+
<li><strong>Steve Dodier</strong> is the co-founder and occasional lurker.</li>
102+
<li><strong>Lionel Le Folgoc</strong> was our first technical guru.</li>
103+
<li><strong>James Schriver</strong> contributed to Albatross.</li>
104+
<li><strong>Mads Rosendahl</strong> worked with the early themes.</li>
105+
<li><strong>Satyajit Sahoo</strong> helped port our desktop themes to GTK3 and worked a lot with Numix.</li>
106+
</ul>
107+
</main>
108+
109+
</body>
110+
</html>

‎members/anon.jpeg

1.14 KB
Loading

‎members/maurizio.jpg

3.34 KB
Loading

‎members/pasi.png

9.33 KB
Loading

‎members/sean.png

8.66 KB
Loading

‎members/simon.jpg

5.22 KB
Loading

‎style/common.css

+51
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
a {
2+
color: #36b3a4;
3+
transition: 300ms all;
4+
}
5+
a:hover, a:active, a:focus {
6+
color: #d23a51;
7+
border-bottom: 1px solid rgba( 0, 0, 0, 0.8 );
8+
}
9+
a.button {
10+
display: inline-block;
11+
12+
padding: 0.5em 0.75em;
13+
14+
border: none !important;
15+
background-color: #d23a51;
16+
color: #fff;
17+
18+
border-radius: 3px;
19+
transition: 300ms all;
20+
}
21+
a.button:hover {
22+
background: #f79a08;
23+
}
24+
a.button.github {
25+
position: relative;
26+
padding-left: 3em;
27+
}
28+
a.button.github::before {
29+
position: absolute;
30+
left: 0.6em;
31+
top: 0.6em;
32+
33+
display: block;
34+
content: " ";
35+
height: 32px;
36+
width: 32px;
37+
38+
background: transparent url(../images/github.png) 0 0 no-repeat !important;
39+
}
40+
41+
b, strong {
42+
font-weight: 600;
43+
}
44+
45+
h1, h2, h3 {
46+
font-family: "Montserrat";
47+
}
48+
h3 {
49+
font-size: 120%;
50+
color: #555;
51+
}

‎style/main.css

+129
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,129 @@
1+
body {
2+
font-family: 'Lato', sans-serif;
3+
4+
background: #fff linear-gradient( 172deg, rgba( 221, 242, 245, 1 ), #fff 30em );
5+
background-repeat: no-repeat;
6+
7+
min-height: 400px;
8+
9+
padding: 2em;
10+
}
11+
12+
section#brand {
13+
max-width: 100%;
14+
margin: 0 2em 3em 2em;
15+
}
16+
#brand a {
17+
border-bottom: none !important;
18+
}
19+
#brand img {
20+
min-width: 225px;
21+
max-width: 100%;
22+
}
23+
24+
section#widgets {
25+
display: flex;
26+
flex-wrap: wrap;
27+
justify-content: flex-start;
28+
}
29+
.widget {
30+
flex: 1;
31+
position: relative;
32+
33+
min-width: 300px;
34+
max-width: 600px;
35+
36+
margin-right: 2em;
37+
margin-bottom: 2em;
38+
padding: 2em;
39+
40+
background-color: #fff;
41+
42+
border-radius: 3px;
43+
box-shadow: 0 0 0.15em rgba( 0, 0, 0, 0.2 );
44+
}
45+
.widget > :first-child { margin-top: 0; }
46+
.widget > :last-child,
47+
.textwidget > :last-child { margin-bottom: 0; }
48+
49+
main#content {
50+
padding: 1em 2em;
51+
}
52+
#content h2 {
53+
margin-top: 2.5em;
54+
margin-bottom: 1.5em;
55+
}
56+
#content :first-child {
57+
margin-top: 0;
58+
}
59+
60+
#members {
61+
display: flex;
62+
flex-wrap: wrap;
63+
justify-content: flex-start;
64+
65+
margin: 0 -1em;
66+
}
67+
.member {
68+
flex: 1;
69+
flex-grow: 0;
70+
71+
min-width: 450px;
72+
max-width: 600px;
73+
74+
margin-right: 2em;
75+
76+
padding: 1em 1em 0.6em 1em;
77+
78+
border: none !important;
79+
color: #111 !important;
80+
border-radius: 3px;
81+
transition: 300ms all;
82+
}
83+
.member img {
84+
float: left;
85+
margin-right: 1em;
86+
border-radius: 3px;
87+
}
88+
.member .name {
89+
font-size: 125% !important;
90+
margin-right: 1em;
91+
}
92+
.member .website {
93+
display: inline-block;
94+
95+
padding: 0.1em 0.5em;
96+
97+
font-size: 90%;
98+
background-color: rgba( 0, 0, 0, 0.025 );
99+
color: #333;
100+
101+
border-radius: 3px;
102+
transition: 300ms all;
103+
}
104+
105+
.member:hover,
106+
.member:active,
107+
.member:focus {
108+
background-color: rgba( 0, 0, 0, 0.025 );
109+
}
110+
.member:hover .website,
111+
.member:active .website,
112+
.member:focus .website {
113+
background-color: rgba( 54, 179, 164, 0.5 );
114+
}
115+
116+
.member:last-child::after {
117+
content: " ";
118+
flex: 1;
119+
flex-grow: auto;
120+
}
121+
122+
.member p {
123+
margin-top: -0.4em;
124+
}
125+
.member .nick {
126+
font-size: 90%;
127+
font-style: italic;
128+
color: rgba(0,0,0,0.8);
129+
}

0 commit comments

Comments
 (0)