...
 
Commits (3)
......@@ -30,3 +30,4 @@ And that’s it! 🎉 Contributing to other open source projects is very similar
- **🔀 You can use & modify everything as long as you credit [Digital Monopolies](https://monopolies.net) and use the same license for your resulting work.** [Code license is AGPLv3](https://www.gnu.org/licenses/agpl-3.0.en.html) and content is [Creative Commons Attribution-ShareAlike](https://creativecommons.org/licenses/by-sa/4.0/).
- 📄 [Nunito typeface](https://github.com/vernnobile/NunitoFont) by [Vernon Adams](http://sansoxygen.com)
- 🕸 [Network icon](https://thenounproject.com/term/network/21266/) by [Brennan Novak]()
......@@ -126,13 +126,49 @@ footer a:active {
/* HOVER/FOCUS EFFECT ------------------------------------------------------- */
section:not(#articles) a:hover::after,
section:not(#articles) a:focus::after,
section:not(#articles) a:active::after {
content: url('../img/highlight.svg');
position: absolute;
top: -3px;
left: calc(50% - 128px);
.slogan-real {
display: none;
}
section header:hover .slogan,
section header:focus .slogan,
section header:active .slogan {
display: none;
}
section header:hover .slogan-real,
section header:focus .slogan-real,
section header:active .slogan-real {
display: inline-block;
}
h2 {
position: relative;
}
h2 a {
display: inline-block;
}
h2 a:hover::after,
h2 a:focus::after,
h2 a:active::after {
content: "-";
position: absolute;
line-height: 15px;
left: calc(50% - 155px);
font-size: 700px;
color: #000;
}
section:not(#articles) .row a:hover::after,
section:not(#articles) .row a:focus::after,
section:not(#articles) .row a:active::after {
content: "-";
position: absolute;
top: 18px;
left: calc(50% - 105px);
font-size: 500px;
color: #000;
}
.nav-item,
......
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<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"
version="1.1"
x="0px"
y="0px"
viewBox="0 0 190 190"
enable-background="new 0 0 100 100"
xml:space="preserve"
id="svg8"
sodipodi:docname="logo-background.svg"
width="190"
height="190"
inkscape:version="0.92.3 (2405546, 2018-03-11)"
inkscape:export-filename="logo-background.png"
inkscape:export-xdpi="300.12631"
inkscape:export-ydpi="300.12631"><metadata
id="metadata14"><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></cc:Work></rdf:RDF></metadata><defs
id="defs12" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1046"
id="namedview10"
showgrid="false"
fit-margin-top="20"
fit-margin-left="20"
fit-margin-right="20"
fit-margin-bottom="20"
inkscape:zoom="1.888"
inkscape:cx="-53.522696"
inkscape:cy="117.43432"
inkscape:window-x="0"
inkscape:window-y="34"
inkscape:window-maximized="1"
inkscape:current-layer="svg8"
inkscape:showpageshadow="false" /><rect
style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.87272829;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:9.99999905;stroke-opacity:1;paint-order:markers stroke fill"
id="rect4744"
width="190"
height="190"
x="0"
y="4.2188475e-15" /><path
d="m 160.69322,94.999988 c -3.60019,0 -6.71678,2.048044 -8.26433,5.037212 l -42.64198,-7.278699 c -0.14125,-0.964146 -0.36079,-1.894517 -0.66017,-2.794182 l 34.90272,-17.299367 c 2.61455,2.671362 6.73827,3.47277 10.22179,1.645805 4.25729,-2.238417 5.89081,-7.489023 3.66007,-11.743243 -2.23074,-4.249613 -7.48441,-5.886206 -11.73863,-3.655466 -3.3346,1.754808 -5.02493,5.358075 -4.53978,8.881509 l -35.06853,17.3792 c -0.75535,-0.977964 -1.61203,-1.874559 -2.56849,-2.659079 l 29.01957,-40.492616 c 1.44008,0.167344 2.92622,0.02457 4.36016,-0.572653 4.43077,-1.853065 6.5218,-6.940934 4.67181,-11.376314 -1.84846,-4.42924 -6.94093,-6.518736 -11.37017,-4.670277 -4.42924,1.849995 -6.52027,6.940934 -4.67028,11.373244 0.48668,1.166801 1.20979,2.153977 2.07721,2.970738 L 99.228887,79.816217 C 98.418267,79.527587 97.586154,79.285015 96.7218,79.125348 L 94.911722,48.882162 c 3.07053,-1.263523 5.235258,-4.281854 5.235258,-7.808358 0,-4.6626 -3.781362,-8.443958 -8.443962,-8.443958 -4.6626,0 -8.443958,3.781358 -8.443958,8.443958 0,3.901108 2.649868,7.174293 6.242388,8.144581 l 1.782443,29.808706 c -1.060868,0.158132 -2.086425,0.409916 -3.068995,0.761491 L 56.497856,39.186963 c 1.255846,-1.736385 2.005056,-3.865797 2.005056,-6.173301 0,-5.829401 -4.725546,-10.554947 -10.554947,-10.554947 -5.829402,0 -10.554947,4.725546 -10.554947,10.554947 0,5.829402 4.725545,10.554948 10.554947,10.554948 1.549082,0 3.01526,-0.342365 4.340194,-0.941118 l 31.13671,39.835522 c -1.648875,1.343357 -3.038289,2.992231 -4.063846,4.872931 l -28.559001,-9.87943 c 0.0077,-0.153527 0.04606,-0.297842 0.04606,-0.455974 0,-4.948159 -4.013182,-8.965948 -8.965947,-8.965948 -4.95123,0 -8.964413,4.017789 -8.964413,8.965948 0,4.955835 4.013183,8.967483 8.964413,8.967483 2.847916,0 5.356539,-1.354104 6.997738,-3.422106 l 28.732485,9.937771 c -0.139709,0.864354 -0.233361,1.744061 -0.233361,2.649867 0,0.119751 0.01535,0.234896 0.01689,0.354646 l -41.33855,13.428968 c -1.535265,-2.4641 -4.248078,-4.11758 -7.364666,-4.11758 -4.800774,0 -8.692671,3.8919 -8.692671,8.69267 0,4.80231 3.891897,8.69267 8.692671,8.69267 4.555131,0 8.250514,-3.51729 8.623583,-7.9757 l 41.103651,-13.38751 c 0.850537,2.28754 2.192359,4.32945 3.908785,5.99521 l -17.733847,25.84464 c -3.930278,-1.04244 -8.009477,1.18062 -9.213125,5.09862 -1.229747,4.01472 1.020951,8.27047 5.040275,9.50175 4.017789,1.23282 8.270473,-1.02402 9.504826,-5.0372 0.689334,-2.24763 0.256389,-4.54899 -0.931906,-6.37289 l 17.81061,-25.95519 c 2.091031,0.97489 4.413887,1.53526 6.873381,1.53526 0.3178,0 0.621783,-0.0292 0.934977,-0.0445 l 3.640113,35.6243 c -4.145216,1.42626 -7.1267,5.34732 -7.1267,9.97461 0,5.8294 4.725546,10.55495 10.554946,10.55495 5.8294,0 10.55495,-4.72555 10.55495,-10.55495 0,-5.16617 -3.71534,-9.45877 -8.61744,-10.36918 l -3.5173,-36.50246 c 2.14323,-0.91963 4.03007,-2.29215 5.58376,-3.98709 l 25.28582,26.27146 c -0.79988,1.29116 -1.26967,2.80646 -1.26967,4.43692 0,4.6626 3.78136,8.44395 8.44396,8.44395 4.6626,0 8.44396,-3.78135 8.44396,-8.44396 0,-4.6626 -3.78136,-8.44395 -8.44396,-8.44395 -0.94419,0 -1.84999,0.1612 -2.699,0.4483 -0.0691,-0.0445 -0.18883,-0.023 -0.41145,0.13817 l -26.38045,-27.40911 c 0.46211,-1.07315 0.80447,-2.206165 1.03016,-3.382185 l 41.75767,7.134375 c 0.50664,4.6626 4.45227,8.29197 9.24997,8.29197 5.14007,0 9.30678,-4.16671 9.30678,-9.30678 0.002,-5.138525 -4.16671,-9.306772 -9.30678,-9.306772 z"
id="path2"
inkscape:connector-curvature="0"
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.53526509" /></svg>
\ No newline at end of file
......@@ -95,8 +95,12 @@
<section id="google" class="container text-center">
<header>
<h2><img alt="Google" src="logos/google/google.svg" /></h2>
<p>or its parent company Alphabet Inc</p>
<h2>
<a href="" target="_blank" rel="noopener">
<img alt="Google" src="logos/google/google.svg" />
</a>
</h2>
<p><span class="slogan">web services & search engine</span><span class="slogan-real">surveillance & data mining</span></p>
</header>
<div class="row">
<a class="col-md-4" href="" target="_blank" rel="noopener">
......@@ -142,8 +146,12 @@
<section id="facebook" class="container text-center">
<header>
<h2><img alt="Facebook" src="logos/facebook/facebook.svg" /></h2>
<p>social network</p>
<h2>
<a href="" target="_blank" rel="noopener">
<img alt="Facebook" src="logos/facebook/facebook.svg" />
</a>
</h2>
<p><span class="slogan">social network</span><span class="slogan-real">advertising network</span></p>
</header>
<div class="row">
<a class="col-md-4" href="" target="_blank" rel="noopener">
......@@ -179,8 +187,12 @@
<section id="amazon" class="container text-center">
<header>
<h2><img alt="Amazon" src="logos/amazon/amazon.svg" /></h2>
<p>online retailer</p>
<h2>
<a href="" target="_blank" rel="noopener">
<img alt="Amazon" src="logos/amazon/amazon.svg" />
</a>
</h2>
<p><span class="slogan">online retailer</span><span class="slogan-real">mistreats workers</span></p>
</header>
<div class="row">
<a class="col-md-4" href="" target="_blank" rel="noopener">
......@@ -222,8 +234,12 @@
<section id="microsoft" class="container text-center">
<header>
<h2><img alt="Microsoft" src="logos/microsoft/microsoft.svg" /></h2>
<p>software company</p>
<h2>
<a href="" target="_blank" rel="noopener">
<img alt="Microsoft" src="logos/microsoft/microsoft.svg" />
</a>
</h2>
<p><span class="slogan">software company</span><span class="slogan-real">multimedia empire</span></p>
</header>
<div class="row">
<a class="col-md-4" href="" target="_blank" rel="noopener">
......
This diff is collapsed.