Lots of polishing

Signed-off-by: Jan-Christoph Borchardt's avatarJan-Christoph Borchardt <hey@jancborchardt.net>
parent f8dd0768
Pipeline #11156928 passed with stage
in 24 seconds
......@@ -25,26 +25,64 @@ h3 {
font-weight: 600;
}
.navbar,
.jumbotron,
footer {
background-color: #45b086 !important;
color: #fff;
}
footer {
margin-top: 4rem;
padding: 2rem 0;
}
.btn-primary {
color: #45b086;
border: 4px #45b086 solid !important;
background: transparent;
font-weight: 600;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
color: #fff;
background: #45b086;
}
a {
text-decoration: none !important;
}
section a:hover::after,
section a:focus::after,
section a:active::after {
content: url('../img/highlight.svg');
position: absolute;
top: -23px;
left: calc(50% - 128px);
}
section a h3,
section a p {
color: #212529;
}
section a {
text-decoration: none !important;
}
section a:hover h3,
section a:hover p,
section a:focus h3,
section a:focus p,
section a:active h3,
section a:active p {
opacity: .7;
color: #45b086;
}
.navbar,
.jumbotron {
background-color: #45b086 !important;
color: #fff;
footer a {
color: #fff !important;
font-weight: 600;
}
footer a:hover,
footer a:focus,
footer a:active {
opacity: .8;
}
.navbar-brand img {
......@@ -52,7 +90,7 @@ section a:active p {
vertical-align: text-bottom;
}
.section {
section {
padding-top: 32px;
}
......@@ -76,7 +114,7 @@ h3 {
margin-top: 1rem;
}
.container.text-center p {
section .container.text-center p {
text-align: left;
}
......@@ -88,6 +126,9 @@ h3 {
[class^='color-'], [class*='color-'] {
border: none;
}
......
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="236.49701"
height="142.86899"
viewBox="0 0 62.573164 37.800754"
version="1.1"
id="svg80"
inkscape:version="0.92.1 r15371"
sodipodi:docname="highlight.svg">
<defs
id="defs74" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="0.43529412"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.4"
inkscape:cx="41.22668"
inkscape:cy="10.3128"
inkscape:document-units="mm"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:showpageshadow="false"
showborder="true"
borderlayer="false"
inkscape:window-width="1920"
inkscape:window-height="1046"
inkscape:window-x="0"
inkscape:window-y="34"
inkscape:window-maximized="1"
inkscape:snap-perpendicular="true"
inkscape:snap-tangential="true"
units="px"
fit-margin-top="5"
fit-margin-left="5"
fit-margin-right="5"
fit-margin-bottom="5" />
<metadata
id="metadata77">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
<dc:creator>
<cc:Agent>
<dc:title>Jan-Christoph Borchardt</dc:title>
</cc:Agent>
</dc:creator>
<cc:license
rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
</cc:Work>
<cc:License
rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
<cc:permits
rdf:resource="http://creativecommons.org/ns#Reproduction" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#Distribution" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Notice" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#Attribution" />
<cc:permits
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
<cc:requires
rdf:resource="http://creativecommons.org/ns#ShareAlike" />
</cc:License>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(4.3411358,-251.75846)">
<path
sodipodi:nodetypes="ccc"
inkscape:connector-curvature="0"
id="path5037"
d="m 12.873179,287.71343 2.418488,-3.88847 z"
style="fill:none;stroke:#45b086;stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
style="fill:none;stroke:#45b086;stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 11.748698,254.21999 3.542969,2.62165 z"
id="path5661"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccc" />
<path
sodipodi:nodetypes="ccc"
inkscape:connector-curvature="0"
id="path5663"
d="m 47.136164,253.60579 -5.503721,4.60601 z"
style="fill:none;stroke:#45b086;stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
style="fill:none;stroke:#45b086;stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 46.049482,286.87183 -2.81064,-2.71614 z"
id="path5665"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccc" />
<path
sodipodi:nodetypes="ccc"
inkscape:connector-curvature="0"
id="path5667"
d="M 52.847528,278.83358 46.71062,276.321 Z"
style="fill:none;stroke:#45b086;stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
style="fill:none;stroke:#45b086;stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 56.387052,264.00475 -9.16048,2.7919 z"
id="path5669"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccc" />
<path
style="fill:none;stroke:#45b086;stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 1.5796609,278.11103 9.1865961,-3.63464 z"
id="path5671"
inkscape:connector-curvature="0"
sodipodi:nodetypes="ccc" />
<path
sodipodi:nodetypes="ccc"
inkscape:connector-curvature="0"
id="path5673"
d="m -2.4961994,261.54791 13.1764764,3.73683 z"
style="fill:none;stroke:#45b086;stroke-width:1.05833328;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
</svg>
......@@ -75,21 +75,21 @@
<hr/>
<h2>Basics</h2>
<div class="row">
<div class="col-md-4">
<h3>Code of Conduct</h3>
<p></p>
<p><a class="btn btn-secondary" href="https://www.contributor-covenant.org" role="button" target="_blank">Contributor Covenant »</a></p>
</div>
<div class="col-md-4">
<h3>Documentation</h3>
<p></p>
<p></p>
</div>
<div class="col-md-4">
<h3>Starter issues</h3>
<p></p>
<p></p>
</div>
<a class="col-md-4" href="https://www.contributor-covenant.org" target="_blank">
<img src="img/projects/contributorcovenant.png" />
<h3>Contributor Covenant</h3>
<p>A Code of Conduct for Open Source Projects.</p>
</a>
<a class="col-md-4" href="https://yourfirstpr.github.io" target="_blank">
<img src="img/projects/yourfirstpr.png" />
<h3>Your First PR</h3>
<p>Helps you get started contributing to Open Source by showcasing great starter issues on GitHub and elsewhere.</p>
</a>
<a class="col-md-4" href="http://up-for-grabs.net" target="_blank">
<img src="img/projects/upforgrabs.png" />
<h3>Up For Grabs</h3>
<p>A list of projects which have curated tasks specifically for new contributors. These are a great way to get started with a project.</p>
</a>
</div>
</section>
......@@ -97,24 +97,21 @@
<hr/>
<h2>Spaces</h2>
<div class="row">
<div class="col-md-4">
<a class="col-md-4" href="http://heartofcode.org" target="_blank">
<img src="img/projects/heartofcode.jpg" />
<h3>Heart of Code</h3>
<p>Hurra, hurra, wir sind ein Hackerinnenaußenspace in Berlin!</p>
<p><a class="btn btn-secondary color-heartofcode" href="http://heartofcode.org" role="button" target="_blank">heartofcode.org »</a></p>
</div>
<div class="col-md-4">
</a>
<a class="col-md-4" href="https://lereset.org" target="_blank">
<img src="img/projects/lereset.jpg" />
<h3>Le Reset</h3>
<p>Le Reset est un espace inclusif de bidouille et d'apprentissage des technologies numériques à Paris.</p>
<p><a class="btn btn-secondary color-lereset" href="https://lereset.org" role="button" target="_blank">lereset.org »</a></p>
</div>
<div class="col-md-4">
</a>
<a class="col-md-4" href="http://doubleunion.org" target="_blank">
<img src="img/projects/doubleunion.png" />
<h3>Double Union</h3>
<p>Double Union is a hacker/maker space for women in San Francisco.</p>
<p><a class="btn btn-secondary color-doubleunion" href="http://doubleunion.org" role="button" target="_blank">doubleunion.org »</a></p>
</div>
</a>
</div>
</section>
......@@ -135,7 +132,7 @@
<a class="col-md-4" href="http://confcodeofconduct.com" target="_blank">
<img src="img/projects/confcodeofconduct.svg" />
<h3>Conf Code of Conduct</h3>
<p></p>
<p>A code of conduct template for conferences.</p>
</a>
</div>
</section>
......@@ -147,21 +144,44 @@
<a class="col-md-4" href="https://railsgirlssummerofcode.org" target="_blank">
<img src="img/projects/railsgirls.png" />
<h3>RailsGirls Summer of Code</h3>
<p></p>
<p>A global fellowship program aimed at bringing more diversity into Open Source. Successful applicants are paid a monthly stipend, from July to September, to work on Open Source projects of their choice.</p>
</a>
<a class="col-md-4" href="http://www.outreachy.org" target="_blank">
<img src="img/projects/outreachy.png" />
<h3>Outreachy</h3>
<p></p>
</a>
<a class="col-md-4" href="http://doubleunion.org" target="_blank">
<img src="img/projects/gsoc.png" />
<h3>Google Summer of Code</h3>
<p></p>
<p>3-month internships for people traditionally underrepresented in tech.</p>
</a>
</div>
</section>
<section id="projects" class="container text-center">
<hr/>
<h2>Projects</h2>
<div class="row">
<div class="col-md-12">
<h5>To be completed</h5>
<a class="btn btn-primary" href="https://gitlab.com/opensourcediversity" target="_blank">Contribute →</a>
</div>
</div>
</section>
<section id="companies" class="container text-center">
<hr/>
<h2>Companies</h2>
<div class="row">
<div class="col-md-12">
<h5>To be completed</h5>
<a class="btn btn-primary" href="https://gitlab.com/opensourcediversity" target="_blank">Contribute →</a>
</div>
</div>
</section>
<footer>
<div class="container text-center">
<p>Spread the word about Open Source Diversity and <a href="https://gitlab.com/opensourcediversity" target="_blank">contribute</a>!</p>
<p><a href="#"></a></p>
</div>
</footer>
<script src="vendor/jquery-3.2.1.slim.min.js"></script>
<script src="vendor/popper.min.js"></script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment