Skip to content
This repository has been archived by the owner on Oct 20, 2020. It is now read-only.

fixes#16 #18

Closed
wants to merge 1 commit into from
Closed

fixes#16 #18

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 5 additions & 6 deletions components/Header.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,20 +31,19 @@ export default function Header() {
<Nav />
</div>
</div>
<div style={{ margin: "auto", width: "65%", position: "relative", right: "15px" }} className="row">
<div className="row">
<div className="col">
<Logo logoUrl="https://res.cloudinary.com/dvargvav9/image/upload/v1575999063/SW3_sngkyk.svg" />
</div>
</div>

<div style={{ margin: "auto", width: "100%" }} className="row justify-content-around justify-content-center">
<div className="col-5 offset-1">
<div class="row justify-content-around justify-content-center">
<div class="col-12 col-sm-5 offset-sm-1 pb-1 pb-sm-0 date">
<h6> 📍 Boulder, Colorado</h6>
</div>
<div className="col-5">
<div class="col-12 col-sm-5 mt-3 mt-sm-0 place">
<h6> 📆 Feburary 13th, 2020</h6>
<small>The day before Ethdenver</small>
</div>

</div>
</header>
)
Expand Down
8 changes: 4 additions & 4 deletions components/Lecturer.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,11 @@ import PropTypes from 'prop-types'
import Link from 'next/link'

const Speaker = ({name, company, companyUrl, picUrl}) => (
<div className="col-3 speaker">
<div className="imgWrap">
<img className="avatar" src={picUrl} alt="pic"/>
<div className="col-3 pb-3">
<div>
<img className="w-100 rounded-circle" style={{backgroundImage: 'url('+picUrl+')', backgroundSize: 'cover', paddingTop: '100%'}} />
</div>
<div className="meta">
<div className="text-center">
<b>{name}</b><br/>
<i><Link href={companyUrl}><a>{company}</a></Link></i>
</div>
Expand Down
110 changes: 53 additions & 57 deletions pages/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,10 +19,8 @@ export default function Index() {
<h4>
<span style={{ display: "inline-block", transform: "scaleX(-1)" }}><QuoteIcon /></span>&nbsp;Our modern society — everything from hospitals to stock markets to newspapers to social media — runs on software. But take a closer look, and you’ll find that the tools we use to build software are buckling under demand.&nbsp;<QuoteIcon />
</h4>
<h5> - Nadia Eghbal, Roads and Bridges: The Unseen Labor Behind Our Digital Infrastructure
</h5>
<h5> <span className="d-none d-sm-inline" >-</span> Nadia Eghbal,<br className="d-block d-sm-none" /> Roads and Bridges: The Unseen Labor Behind Our Digital Infrastructure</h5>
</div>
<br />
<p>As we start envisioning a "Web3", sustaining free and open source software is more important than ever - and more realistic. We're gathering technologists, economists, maintainers, and hackers who think Web3 is - A New Hope™ for free and open source software.<br /><br />Join us for a one-day gathering to discuss active initiatives, learn from industry luminaries, and start designing the future of Web3 sustainability ✨.
</p>
<br />
Expand All @@ -36,62 +34,60 @@ export default function Index() {
<h6 id="sponsors"><SpeakersIcon /> Speakers</h6>
<br />
<br />
<div className="container">
<div className="row align-items-start">
<div className="speaker">
<Speaker
name="Eleftherios"
company="Radicle"
companyUrl="https://radicle.xyz/"
picUrl="https://res.cloudinary.com/dvargvav9/image/upload/v1568990825/VsABh_tY_400x400_hwcjd4.jpg"
/>
<Speaker
name="Dandelion Mane"
company="SourceCred"
companyUrl="https://sourcecred.io/"
picUrl="https://res.cloudinary.com/dvargvav9/image/upload/v1575978850/1400023_bvk5yt.jpg"
/>
<Speaker
name="Eric Berry"
company="CodeFund"
companyUrl="https://codefund.io/"
picUrl="https://res.cloudinary.com/dvargvav9/image/upload/v1573135783/jn_XanJK_400x400_gr7kqe.jpg"
/>
<Speaker
name="Abbey Titcomb"
company="Radicle"
companyUrl="http://radicle.xyz/"
picUrl="https://res.cloudinary.com/dvargvav9/image/upload/v1575981117/cropped_fiw5ny.jpg"
/>
</div>
<div className="speaker">
<Speaker
name="Lane Rettig"
company="Space Mesh"
companyUrl="https://spacemesh.io/"
picUrl="https://res.cloudinary.com/dvargvav9/image/upload/v1575978168/laneheadshot_wkgsio.jpg"
/>
<Speaker
name="Nathan Schneider"
company="CU Boulder"
companyUrl="https://nathanschneider.info"
picUrl="https://res.cloudinary.com/dvargvav9/image/upload/v1575978168/nathanheadshot_eawgvk.jpg"
/>
<Speaker
name="Jim Jagielski"
company="ConsenSys"
companyUrl="https://codefund.io/"
picUrl="https://res.cloudinary.com/dvargvav9/image/upload/v1575978736/jimheadshot_s3nucv.jpg"
/>
<Speaker
name="Kevin Owocki"
company="Gitcoin"
companyUrl="https://gitcoin.co"
picUrl="https://res.cloudinary.com/dvargvav9/image/upload/v1575986003/photo_2019-12-10_14.49.00_axg3ez.jpg"
/>
<div className="row">
<div class="col-12 col-sm-10 offset-sm-1">
<div class="row">
<Speaker
name="Eleftherios"
company="Radicle"
companyUrl="https://radicle.xyz/"
picUrl="https://res.cloudinary.com/dvargvav9/image/upload/v1568990825/VsABh_tY_400x400_hwcjd4.jpg"
/>
<Speaker
name="Dandelion Mane"
company="SourceCred"
companyUrl="https://sourcecred.io/"
picUrl="https://res.cloudinary.com/dvargvav9/image/upload/v1575978850/1400023_bvk5yt.jpg"
/>
<Speaker
name="Eric Berry"
company="CodeFund"
companyUrl="https://codefund.io/"
picUrl="https://res.cloudinary.com/dvargvav9/image/upload/v1573135783/jn_XanJK_400x400_gr7kqe.jpg"
/>
<Speaker
name="Abbey Titcomb"
company="Radicle"
companyUrl="http://radicle.xyz/"
picUrl="https://res.cloudinary.com/dvargvav9/image/upload/v1575981117/cropped_fiw5ny.jpg"
/>
<Speaker
name="Lane Rettig"
company="Space Mesh"
companyUrl="https://spacemesh.io/"
picUrl="https://res.cloudinary.com/dvargvav9/image/upload/v1575978168/laneheadshot_wkgsio.jpg"
/>
<Speaker
name="Nathan Schneider"
company="CU Boulder"
companyUrl="https://nathanschneider.info"
picUrl="https://res.cloudinary.com/dvargvav9/image/upload/v1575978168/nathanheadshot_eawgvk.jpg"
/>
<Speaker
name="Jim Jagielski"
company="ConsenSys"
companyUrl="https://codefund.io/"
picUrl="https://res.cloudinary.com/dvargvav9/image/upload/v1575978736/jimheadshot_s3nucv.jpg"
/>
<Speaker
name="Kevin Owocki"
company="Gitcoin"
companyUrl="https://gitcoin.co"
picUrl="https://res.cloudinary.com/dvargvav9/image/upload/v1575986003/photo_2019-12-10_14.49.00_axg3ez.jpg"
/>
</div>
</div>
</div>
</div>
<br />
<div className="row justify-content-center">
<i style={{ fontSize: "14px" }}>Read full agenda <a href="">here</a>.</i>
Expand Down
50 changes: 18 additions & 32 deletions styles/style.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,9 +10,14 @@
header {

.mainLogo {
display: block;
width:100%;
height:auto;
margin: 0 auto;
padding: 24px 0px 0px 0px;
@media (min-width: 768px) {
width: 65%;
}
&:hover {
text-decoration: none;
}
Expand All @@ -31,6 +36,13 @@ header {
}
}

.place small{
margin-left: 40px;
@media (min-width: 768px) {
margin-left: 50px;
}
}

//nav
nav {
position: absolute;
Expand Down Expand Up @@ -105,14 +117,19 @@ header {

.quote {
margin: auto;
padding: 0px 85px;
padding: 0px 30px;
@media (min-width: 768px) {
padding: 0px 85px;
}
h4 {
padding: 0;
font-size: 24px;
line-height: 32px;
text-align: center;
font-family: "FoundersGroteskMono", courier, monospace;
}
h5 {
padding: 30px 0 0 0;
font-size: 16px;
text-align: right;
font-family: "FoundersGroteskMono", courier,monospace;
Expand All @@ -121,37 +138,6 @@ header {
}


//Speaker
.speaker {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;


.meta {
padding-bottom: 24px;
width:150px;
text-align: center;
@media(max-width:125px){
font-size:12px;
}
}

.imgWrap {
margin:auto;
}

img.avatar {
height: 150px;
width: 150px;
border-radius:50%;
@media(max-width:568px){
height: 75px;
width: 75px;
}
}
}

.applyBtn{
text-align: right;
Expand Down