Skip to content

Commit b55811f

Browse files
gidiligidili
authored
Merge pull request #154 from openworm/development
Contacts/Events/Downloads updated
2 parents 1b4d559 + 44d880b commit b55811f

File tree

5 files changed

+615
-202
lines changed

5 files changed

+615
-202
lines changed

‎contacts.html

Lines changed: 18 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -58,24 +58,38 @@ <h1>Contact us</h1>
5858
</header>
5959

6060
<div class="container">
61+
6162
<div class="page-header">
62-
<h1 style="float: left;">Join the discussion!</h1><i class="fa fa-edit fa-l" style="float: right;"></i>
63+
<h1 style="float: left;">Join the discussion!</h1><i class="fa fa-slack fa-l" style="float: right;"></i>
6364
<div class="clearer"></div>
6465
</div>
6566
<p class="lead">
66-
The easiest way to follow our day-to-day activities is to join our <a href="https://groups.google.com/forum/#!forum/openworm-discuss" target="_blank">high volume mailing list</a> that we use as a way to keep our communications in the open.
67-
We also have a <a href="https://groups.google.com/forum/#!forum/openworm" target="_blank">lower volume mailing list</a> we use for announcements and general discussion and inquiries.
67+
We use Slack to communicate and coordinate our daily activities, you are welcome to join us! For an invitation, fill out <a href="https://goo.gl/3ncZWn" target="_blank">our volunteer application form</a>.
6868
</p>
6969
<div class="large-spacer"></div>
70+
71+
7072
<div class="page-header">
7173
<h1 style="float: left;">Interact with us on social media!</h1><i class="fa fa-twitter fa-l" style="float: right;"></i>
7274
<div class="clearer"></div>
7375
</div>
7476
<p class="lead">
7577
For ongoing information about OpenWorm, please follow our <a href="http://blog.openworm.org/" target="_blank">blog</a> on tumblr.
76-
You can also follow us and interact on <a href="https://twitter.com/OpenWorm" target="_blank">twitter</a>, <a href="https://plus.google.com/117948341754627144949/posts" target="_blank">Google+</a> and <a href="https://www.facebook.com/OpenWorm" target="_blank">Facebook</a> for more frequent updates.
78+
You can also follow us and interact on <a href="https://twitter.com/OpenWorm" target="_blank">Twitter</a> and <a href="https://www.facebook.com/OpenWorm" target="_blank">Facebook</a> for more frequent updates.
7779
</p>
7880
<div class="large-spacer"></div>
81+
82+
83+
<div class="page-header">
84+
<h1 style="float: left;">Follow the code!</h1><i class="fa fa-github fa-l" style="float: right;"></i>
85+
<div class="clearer"></div>
86+
</div>
87+
<p class="lead">
88+
You can follow ongoing developments in the various software development projects of OpenWorm on <a href="https://github.com/openworm/OpenWorm/milestones" target="_blank">GitHub</a>.
89+
</p>
90+
<div class="large-spacer"></div>
91+
92+
7993
<div class="page-header">
8094
<h1 style="float: left;">Drop us a line!</h1><i class="fa fa-envelope fa-l" style="float: right;"></i>
8195
<div class="clearer"></div>

‎css/events_css.css

Lines changed: 176 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,176 @@
1+
2+
.event-list {
3+
list-style: none;
4+
font-family: 'Lato', sans-serif;
5+
margin: 0px;
6+
padding: 0px;
7+
width: 80%;
8+
margin-right: auto;
9+
margin-left: auto;
10+
}
11+
.event-list > li {
12+
background-color: rgb(255, 255, 255);
13+
box-shadow: 0px 0px 5px rgb(51, 51, 51);
14+
box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
15+
padding: 0px;
16+
margin: 0px 0px 20px;
17+
}
18+
.event-list > li > time {
19+
display: inline-block;
20+
width: 100%;
21+
color: rgb(255, 255, 255);
22+
background-color: rgb(197, 44, 102);
23+
padding: 2px;
24+
text-align: center;
25+
text-transform: uppercase;
26+
}
27+
.event-list > li:nth-child(even) > time {
28+
background-color: rgb(165, 82, 167);
29+
}
30+
.event-list > li > time > span {
31+
display: none;
32+
padding-top: 5px;
33+
}
34+
.event-list > li > time > .day {
35+
display: block;
36+
font-size: 24pt;
37+
font-weight: 100;
38+
line-height: 1;
39+
}
40+
.event-list > li time > .month {
41+
display: block;
42+
font-size: 28pt;
43+
font-weight: 700;
44+
line-height: 1;
45+
}
46+
.event-list > li > time > .year {
47+
display: block;
48+
font-size: 24pt;
49+
font-weight: 100;
50+
line-height: 1;
51+
}
52+
.event-list > li > img {
53+
width: 100%;
54+
}
55+
.event-list > li > .info {
56+
padding-top: 0px;
57+
text-align: center;
58+
}
59+
.event-list > li > .info > .title {
60+
font-size: 17pt;
61+
font-weight: 700;
62+
margin: 0px;
63+
}
64+
.event-list > li > .info > .desc {
65+
font-size: 13pt;
66+
font-weight: 300;
67+
margin: 0px;
68+
}
69+
.event-list > li > .info > ul,
70+
.event-list > li > .social > ul {
71+
display: table;
72+
list-style: none;
73+
margin: 10px 0px 0px;
74+
padding: 0px;
75+
width: 100%;
76+
text-align: center;
77+
}
78+
.event-list > li > .social > ul {
79+
margin: 0px;
80+
}
81+
.event-list > li > .info > ul > li,
82+
.event-list > li > .social > ul > li {
83+
display: table-cell;
84+
cursor: pointer;
85+
color: rgb(30, 30, 30);
86+
font-size: 11pt;
87+
font-weight: 300;
88+
padding: 3px 0px;
89+
}
90+
.event-list > li > .info > ul > li > a {
91+
display: block;
92+
width: 100%;
93+
color: rgb(30, 30, 30);
94+
text-decoration: none;
95+
}
96+
.event-list > li > .social > ul > li {
97+
padding: 0px;
98+
}
99+
.event-list > li > .social > ul > li > a {
100+
padding: 3px 0px;
101+
}
102+
.event-list > li > .info > ul > li:hover,
103+
.event-list > li > .social > ul > li:hover {
104+
color: rgb(30, 30, 30);
105+
background-color: rgb(200, 200, 200);
106+
}
107+
.facebook a,
108+
.twitter a,
109+
.google-plus a {
110+
display: block;
111+
width: 100%;
112+
color: rgb(75, 110, 168) !important;
113+
}
114+
.twitter a {
115+
color: rgb(79, 213, 248) !important;
116+
}
117+
.google-plus a {
118+
color: rgb(221, 75, 57) !important;
119+
}
120+
.facebook:hover a {
121+
color: rgb(255, 255, 255) !important;
122+
background-color: rgb(75, 110, 168) !important;
123+
}
124+
.twitter:hover a {
125+
color: rgb(255, 255, 255) !important;
126+
background-color: rgb(79, 213, 248) !important;
127+
}
128+
.google-plus:hover a {
129+
color: rgb(255, 255, 255) !important;
130+
background-color: rgb(221, 75, 57) !important;
131+
}
132+
133+
@media (min-width: 768px) {
134+
.event-list > li {
135+
position: relative;
136+
display: block;
137+
width: 100%;
138+
height: 120px;
139+
padding: 0px;
140+
}
141+
.event-list > li > time,
142+
.event-list > li > img {
143+
display: inline-block;
144+
}
145+
.event-list > li > time,
146+
.event-list > li > img {
147+
width: 120px;
148+
float: left;
149+
}
150+
.event-list > li > .info {
151+
background-color: rgb(245, 245, 245);
152+
overflow: hidden;
153+
}
154+
.event-list > li > time,
155+
.event-list > li > img {
156+
width: 120px;
157+
height: 120px;
158+
padding: 0px;
159+
margin: 0px;
160+
}
161+
.event-list > li > .info {
162+
position: relative;
163+
height: 120px;
164+
text-align: left;
165+
padding-right: 40px;
166+
}
167+
.event-list > li > .info > .title,
168+
.event-list > li > .info > .desc {
169+
padding: 0px 10px;
170+
}
171+
.event-list > li > .info > ul {
172+
position: absolute;
173+
left: 0px;
174+
bottom: 0px;
175+
}
176+
}

0 commit comments

Comments
 (0)