update project space + links
This commit is contained in:
JilianaTiu
parent
7606ba1c52
commit
969d043677
6 changed files with 59 additions and 28 deletions
|
|
@ -179,7 +179,7 @@ a:hover {
|
||||||
background-color: var(--main);
|
background-color: var(--main);
|
||||||
background-blend-mode: overlay;
|
background-blend-mode: overlay;
|
||||||
background-image: url("../img/backgrounds/ps.webp");
|
background-image: url("../img/backgrounds/ps.webp");
|
||||||
height: 40em;
|
height: 43em;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -192,17 +192,33 @@ a:hover {
|
||||||
color: var(--accent);
|
color: var(--accent);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.project-space img {
|
||||||
|
height: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ps-links {
|
||||||
|
margin-bottom: 1em;
|
||||||
|
margin-top: 1em;
|
||||||
|
display: flex;
|
||||||
|
column-gap: 4em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ps-links span {
|
||||||
|
display: block;
|
||||||
|
margin-top: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ps-links img {
|
||||||
|
fill: color(--accent);
|
||||||
|
}
|
||||||
|
|
||||||
.ps-title {
|
.ps-title {
|
||||||
font-size: 3em;
|
font-size: 3em;
|
||||||
color: white;
|
color: white;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.visit-us {
|
|
||||||
font-size: 2em;
|
|
||||||
margin-bottom: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ex-link {
|
.ex-link {
|
||||||
color: var(--accent);
|
color: var(--accent);
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
|
|
|
||||||
3
src/public/assets/img/calendar_accent.svg
Normal file
3
src/public/assets/img/calendar_accent.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
<svg width="75" height="59" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
|
||||||
|
<path d="M436 160H12c-6.6 0-12-5.4-12-12v-36c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48v36c0 6.6-5.4 12-12 12zM12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm116 204c0-6.6-5.4-12-12-12H76c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12v-40zm0-128c0-6.6-5.4-12-12-12H76c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12v-40zm128 128c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12v-40zm0-128c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12v-40zm128 128c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12v-40zm0-128c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12v-40z" fill="#ffcd00"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1,020 B |
|
Before Width: | Height: | Size: 1,018 B After Width: | Height: | Size: 1,018 B |
5
src/public/assets/img/location_accent.svg
Normal file
5
src/public/assets/img/location_accent.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="50" height="50" viewBox="0 0 686.000000 980.000000" preserveAspectRatio="xMidYMid meet">
|
||||||
|
<g transform="translate(0.000000,980.000000) scale(0.100000,-0.100000)" fill="#ffcd00" stroke="none">
|
||||||
|
<path d="M3165 9789 c-1198 -112 -2212 -925 -2580 -2069 -229 -712 -174 -1510 149 -2185 57 -119 236 -412 830 -1363 416 -666 759 -1218 762 -1227 4 -8 1 -15 -5 -15 -6 0 -77 -9 -159 -21 -666 -93 -1240 -295 -1645 -579 -112 -78 -298 -261 -356 -350 -108 -167 -151 -304 -151 -490 0 -147 24 -252 89 -385 274 -560 1193 -947 2536 -1069 1128 -103 2353 22 3135 321 577 219 923 509 1042 873 39 121 50 309 25 432 -86 412 -466 750 -1109 984 -210 76 -564 172 -579 157 -4 -5 -123 -192 -263 -418 -176 -281 -252 -411 -244 -416 7 -3 54 -14 103 -23 417 -79 911 -259 1108 -404 l61 -45 -41 -36 c-127 -113 -434 -244 -785 -336 -789 -206 -1864 -248 -2783 -109 -563 85 -1081 258 -1306 436 l-53 41 40 35 c158 137 597 304 1054 401 227 48 734 119 765 107 6 -2 148 -227 315 -500 167 -273 306 -496 309 -496 3 0 597 981 1319 2180 838 1391 1337 2229 1378 2314 100 209 186 466 233 701 76 376 74 793 -4 1181 -90 445 -309 908 -602 1273 -106 132 -346 369 -473 467 -445 344 -917 544 -1461 619 -138 19 -516 27 -654 14z m567 -1402 c473 -124 811 -463 935 -935 34 -130 43 -372 19 -509 -94 -539 -517 -962 -1049 -1048 -319 -52 -646 21 -922 204 -93 61 -248 212 -317 308 -276 384 -315 890 -103 1316 121 242 343 459 590 577 192 91 338 121 575 116 148 -3 190 -7 272 -29z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
|
|
@ -23,21 +23,24 @@ class Main extends React.Component {
|
||||||
backgrounds={["/assets/img/backgrounds/fa21social.webp"]}
|
backgrounds={["/assets/img/backgrounds/fa21social.webp"]}
|
||||||
></Splash>
|
></Splash>
|
||||||
|
|
||||||
<DefaultSection title="Events">
|
<div id="events-cal">
|
||||||
<iframe
|
<DefaultSection title="Events">
|
||||||
src="https://calendar.google.com/calendar/embed?src=666sh64sku5n29qv2a2f4598jc%40group.calendar.google.com&ctz=America%2FLos_Angeles"
|
<iframe
|
||||||
frameBorder="0"
|
src="https://calendar.google.com/calendar/embed?src=666sh64sku5n29qv2a2f4598jc%40group.calendar.google.com&ctz=America%2FLos_Angeles"
|
||||||
scrolling="no"
|
frameBorder="0"
|
||||||
></iframe>
|
scrolling="no"
|
||||||
</DefaultSection>
|
></iframe>
|
||||||
|
</DefaultSection>
|
||||||
<DefaultSection title="Open Access Hours">
|
</div>
|
||||||
<iframe
|
<div id="oa-cal">
|
||||||
src="https://calendar.google.com/calendar/embed?src=c_gr3iim9ae4dv9784qkf8meb40c%40group.calendar.google.com&ctz=America%2FLos_Angeles"
|
<DefaultSection title="Open Access Hours">
|
||||||
frameBorder="0"
|
<iframe
|
||||||
scrolling="no"
|
src="https://calendar.google.com/calendar/embed?src=c_gr3iim9ae4dv9784qkf8meb40c%40group.calendar.google.com&ctz=America%2FLos_Angeles"
|
||||||
></iframe>
|
frameBorder="0"
|
||||||
</DefaultSection>
|
scrolling="no"
|
||||||
|
></iframe>
|
||||||
|
</DefaultSection>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="contact-us">
|
<div id="contact-us">
|
||||||
<DefaultSection
|
<DefaultSection
|
||||||
|
|
|
||||||
|
|
@ -45,14 +45,18 @@ class Main extends React.Component {
|
||||||
is an open-access, collaborative space where students
|
is an open-access, collaborative space where students
|
||||||
can do homework or get access to basic electronic tools
|
can do homework or get access to basic electronic tools
|
||||||
such as soldering stations, breadboard components, and
|
such as soldering stations, breadboard components, and
|
||||||
Arduino and Raspberry PI parts!
|
Arduino and Raspberry PI parts! Come visit at EBU1-4710!
|
||||||
</p>
|
</p>
|
||||||
<a
|
<div className="ps-links">
|
||||||
className="visit-us"
|
<a href="/events#oa-cal">
|
||||||
href="https://www.google.com/maps/@32.8817126,-117.2350998,59m/"
|
<img src="/assets/img/calendar_accent.svg"></img>
|
||||||
>
|
<span>Open Hours</span>
|
||||||
Come visit at EBU1-4710!
|
</a>
|
||||||
</a>
|
<a href="https://www.google.com/maps/@32.8817126,-117.2350998,59m/">
|
||||||
|
<img src="/assets/img/location_accent.svg"></img>
|
||||||
|
<span>Directions</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<DefaultSection
|
<DefaultSection
|
||||||
className={"involved"}
|
className={"involved"}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue