added envelope, calendar icons

This commit is contained in:
Ben Wheeler 2019-02-20 17:55:32 -05:00
parent c29518bd6b
commit 5b20f743f2
5 changed files with 49 additions and 18 deletions

View file

@ -31,9 +31,16 @@ const ConferenceSplash = () => (
<FormattedMessage id="conference-2019.nextMITConference" />
</h3>
</div>
<h3 className="conf2019-title-band">
<FormattedMessage id="conference-2019.seeBelow" />
</h3>
<div className="conf2019-title-band conf2019-schedule-band">
<img
alt="Envelope Icon"
className="conf2019-large-icon-image"
src="/svgs/conference/index/calendar-icon-color.svg"
/>
<h3 className="conf2019-title-band">
<FormattedMessage id="conference-2019.seeBelow" />
</h3>
</div>
<div className="inner">
<section className="conf2019-panel mod-chile">
<FlexRow className="conf2019-panel-title">
@ -320,6 +327,11 @@ const ConferenceSplash = () => (
</section>
</div>
<div className="conf2019-title-band conf2019-mailing-list">
<img
alt="Envelope Icon"
className="conf2019-large-icon-image"
src="/svgs/conference/index/envelope-icon.svg"
/>
<h3 className="conf2019-mailing-list">
<FormattedMessage id="conference-2019.joinMailingList" />
</h3>

View file

@ -26,7 +26,7 @@ h1.title-banner-h1.mod-2019 {
background-image: url("/images/conference/index/2019/title-banner.jpg");
background-position: center;
background-size: cover;
opacity: .75;
opacity: .4;
}
.conf2019-panel,
@ -39,17 +39,37 @@ h1.title-banner-h1.mod-2019 {
.conf2019-title-band {
background-color: $ui-blue;
padding: 1.5rem;
text-align: center;
color: $type-white;
font-size: 1.2rem;
}
.conf2019-title-band.conf2019-schedule-band {
padding-top: 1rem;
padding-bottom: 2rem;
margin-top: 2rem;
}
.conf2019-title-band.conf2019-mailing-list {
padding: 3rem;
padding-top: 2.25rem;
padding-bottom: 3rem;
margin-top: 2rem;
}
.conf2019-title-band>h3 {
width: 48.75rem;
color: $type-white;
margin: auto;
}
.conf2019-title-band>h3.conf2019-schedule {
font-weight: bold;
font-size: 1.5rem;
}
.conf2019-title-band>h3.conf2019-mailing-list {
font-weight: normal;
font-size: 1.15rem;
}
.conf2019-description.conf2019-band {
margin-bottom: 2.5rem;
width: 48.75rem;
@ -93,14 +113,6 @@ h1.title-banner-h1.mod-2019 {
font-weight: normal;
}
h3.conf2019-mailing-list {
width: 48.75rem;
font-weight: normal;
color: $type-white;
font-size: 1.15rem;
margin: auto;
}
.conf2019-bold {
font-weight: bold;
}
@ -112,10 +124,15 @@ td {
.conf2019-panel-row-icon-image {
margin-top: .125rem;
width: 1rem;
height: 1rem;
}
.conf2019-large-icon-image {
height: 2.5rem;
margin: 1rem;
}
.button.mod-2019-conf {
display: block;
margin: 2rem auto 0;

View file

@ -3,7 +3,7 @@
"conference-2019.descA": "Scratch conferences are playful gatherings of educators, researchers, developers, and other members of the worldwide Scratch community.",
"conference-2019.descB": "These events, held in various locations around the world, provide opportunities for people of diverse backgrounds and practices to discuss and share the ways they use Scratch, to connect and collaborate with one another, and to bring creative learning back to their own communities.",
"conference-2019.nextMITConference": "The next Scratch@MIT conference will be held in Cambridge, Massachusetts, in 2020.",
"conference-2019.seeBelow": "Learn more about 2019 conference dates and locations below.",
"conference-2019.seeBelow": "Schedule & Locations",
"conference-2019.joinMailingListButtonText": "Join Mailing List",
"conference-2019.joinMailingList": "To learn more about 2020s Scratch@MIT conference in Cambridge, Massachusetts, and to receive updates about regional conferences around the world, join our mailing list.",

View file

@ -0,0 +1 @@
<svg width="62" height="56" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><rect id="a" width="53.76" height="48" rx="8"/></defs><g fill="none" fill-rule="evenodd"><g transform="translate(4 4)"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><rect stroke-opacity=".5" stroke="#4280D7" stroke-width="4" x="-2" y="-2" width="57.76" height="52" rx="8"/><path fill="#FF8000" mask="url(#b)" d="M0 0h53.76v18.24H0z"/></g><g stroke="#000" stroke-linecap="square" stroke-opacity=".15"><path d="M21.76 22.24V52M39.52 22.24V52M4 37.12h53.76"/></g></g></svg>

After

Width:  |  Height:  |  Size: 590 B

View file

@ -0,0 +1 @@
<svg width="107" height="50" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><rect id="a" x="24" width="56" height="40" rx="8"/><filter x="-13.4%" y="-18.8%" width="126.8%" height="137.5%" filterUnits="objectBoundingBox" id="b"><feMorphology radius="2.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"/><feOffset in="shadowSpreadOuter1" result="shadowOffsetOuter1"/><feColorMatrix values="0 0 0 0 0.258823529 0 0 0 0 0.501960784 0 0 0 0 0.843137255 0 0 0 0.5 0" in="shadowOffsetOuter1"/></filter></defs><g transform="translate(2 5)" fill="none" fill-rule="evenodd"><mask id="c" fill="#fff"><use xlink:href="#a"/></mask><use fill="#000" filter="url(#b)" xlink:href="#a"/><use fill="#FFF" xlink:href="#a"/><path d="M22.207 7.212l24.762 19.102a8 8 0 0 0 9.778-.004L81.462 7.212V6.123a8 8 0 0 0-8-8H30.207a8 8 0 0 0-8 8v1.09z" fill-opacity=".55" fill="#4D97FF" mask="url(#c)"/><g stroke="#FFBF00" stroke-linecap="round" stroke-width="4"><path d="M11.664 14L.334 10M11.667 23.5H.333M12 33L0 37"/></g><g stroke="#FFBF00" stroke-linecap="round" stroke-width="4"><path d="M91.336 14l11.33-4M91.333 23.5h11.334M91 33l11.667 4"/></g></g></svg>

After

Width:  |  Height:  |  Size: 1.2 KiB