Skip to content

Commit a0075c1

Browse files
Taylor-McNeilTaylor-McNeil
authoredAug 25, 2019
The August 25th Page
Pushing the first set of files online
1 parent 96a4bfe commit a0075c1

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

61 files changed

+9211
-14
lines changed
 

‎about.html

+302-7
Large diffs are not rendered by default.

‎css/about.css

+202
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,202 @@
1+
body { padding-top: 50px;
2+
background-color: rgb(124, 214, 226);
3+
background: rgb(190, 84, 46);
4+
background: -webkit-linear-gradient(to right, rgb(204, 146, 125), rgb(114, 51, 36));
5+
background: linear-gradient(to right, #E8CBC0, #636FA4);
6+
min-height: 100vh;
7+
8+
}
9+
10+
11+
.icon-background {
12+
color: white;
13+
}
14+
.icons{
15+
display: block;
16+
text-align: center;
17+
18+
}
19+
20+
.icons-background:hover{
21+
color:#e3b457
22+
}
23+
24+
.headings{
25+
font-family: 'Bungee Shade', cursive;
26+
}
27+
28+
#Aboutus_container{
29+
background: #FCE4D1;
30+
color:blue;
31+
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
32+
33+
}
34+
35+
.container-fluid {
36+
padding-right:0;
37+
padding-left:0;
38+
margin-right:auto;
39+
margin-left:auto
40+
}
41+
#timeline_container{
42+
color:black;
43+
}
44+
#Pantherhack_container{
45+
background:rgb(124, 214, 226);
46+
color:blue;
47+
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
48+
49+
}
50+
51+
52+
.main-timeline{ position: relative; }
53+
.main-timeline:before,
54+
.main-timeline:after{
55+
content: "";
56+
display: block;
57+
width: 100%;
58+
clear: both;
59+
}
60+
.main-timeline:before{
61+
width: 2px;
62+
height: 100%;
63+
background: #e5e9ed;
64+
margin: 0 auto;
65+
position: absolute;
66+
top: 0;
67+
left: 0;
68+
right: 0;
69+
}
70+
.main-timeline .timeline{
71+
width: 50%;
72+
padding-right: 30px;
73+
float: left;
74+
position: relative;
75+
}
76+
.main-timeline .timeline:last-child{
77+
margin-bottom: 0;
78+
}
79+
.main-timeline .timeline:after{
80+
content: "";
81+
width: 12px;
82+
height: 12px;
83+
border-radius: 50%;
84+
background: #e5e9ed;
85+
position: absolute;
86+
top: 0;
87+
right: -6px;
88+
transition: all 0.3s ease 0s;
89+
}
90+
.main-timeline .timeline:hover:after{
91+
background: #e3b457;
92+
transform: scale(1.3);
93+
}
94+
.main-timeline .timeline-content{
95+
padding: 50px 40px;
96+
background: #e5e9ed;
97+
position: relative;
98+
transition: all 0.3s ease 0s;
99+
}
100+
.main-timeline .timeline-content:hover{
101+
background: #e3b457;
102+
}
103+
.main-timeline .timeline-content:after{
104+
content: "";
105+
border-top: 30px solid #e5e9ed;
106+
border-right: 15px solid transparent;
107+
position: absolute;
108+
top: 0;
109+
right: -15px;
110+
transition: all 0.3s ease 0s;
111+
}
112+
.main-timeline .timeline-content:hover:after{
113+
border-top-color: #e3b457;
114+
}
115+
.main-timeline .year{
116+
display: block;
117+
font-size: 24px;
118+
color: #e3b457;
119+
line-height: 32px;
120+
margin: 0;
121+
transition: all 0.3s ease 0s;
122+
}
123+
.main-timeline .post{
124+
display: block;
125+
font-size: 20px;
126+
color: #22272c;
127+
padding-bottom: 8px;
128+
margin: 8px 0 15px 0;
129+
position: relative;
130+
}
131+
.main-timeline .post:after{
132+
content: "";
133+
display: block;
134+
width: 30px;
135+
border-top: 2px solid #22272c;
136+
position: absolute;
137+
bottom: 0;
138+
left: 0;
139+
transition: all 0.3s ease 0s;
140+
}
141+
.main-timeline .timeline-content:hover .post:after{
142+
border-top-color: #fff;
143+
}
144+
.main-timeline .title{
145+
font-size: 18px;
146+
font-weight: 500;
147+
color: #e3b457;
148+
text-transform: capitalize;
149+
transition: all 0.3s ease 0s;
150+
}
151+
.main-timeline .description{
152+
font-size: 14px;
153+
color: #7a7e82;
154+
line-height: 25px;
155+
}
156+
.main-timeline .timeline-content:hover .year,
157+
.main-timeline .timeline-content:hover .title,
158+
.main-timeline .timeline-content:hover .description{
159+
color: #fff;
160+
}
161+
.main-timeline .timeline:nth-child(2n){
162+
padding: 0 0 0 30px;
163+
margin-top: 75px;
164+
}
165+
.main-timeline .timeline:nth-child(2n):after{
166+
right: auto;
167+
left: -6px;
168+
}
169+
.main-timeline .timeline:nth-child(2n) .timeline-content:after{
170+
border-left: 15px solid transparent;
171+
border-right: none;
172+
left: -15px;
173+
right: auto;
174+
}
175+
@media only screen and (max-width: 767px){
176+
.main-timeline:before{
177+
margin: 0;
178+
left: 0;
179+
}
180+
.main-timeline .timeline{
181+
width: 100%;
182+
float: none;
183+
padding: 0 0 0 30px;
184+
margin-bottom: 20px;
185+
}
186+
.main-timeline .timeline:after{
187+
right: auto;
188+
left: -6px;
189+
}
190+
.main-timeline .timeline-content{
191+
padding: 20px;
192+
}
193+
.main-timeline .timeline-content:after{
194+
border-left: 15px solid transparent;
195+
border-right: none;
196+
left: -15px;
197+
right: auto;
198+
}
199+
.main-timeline .timeline:nth-child(2n){
200+
margin-top: 0;
201+
}
202+
}

0 commit comments

Comments
 (0)
Please sign in to comment.