improve logo hover effect and some logos

Signed-off-by: Jan-Christoph Borchardt's avatarJan-Christoph Borchardt <hey@jancborchardt.net>
parent 808deee0
......@@ -30,4 +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]()
- 🕸 [Network icon](https://thenounproject.com/term/network/21266/) by [Brennan Novak](https://brennannovak.com)
......@@ -144,31 +144,32 @@ section header:active .slogan-real {
h2 {
position: relative;
}
h2 a {
display: inline-block;
}
h2 a:hover::after,
h2 a:focus::after,
h2 a:active::after {
content: "-";
/* Hover effect on main company logo */
header:hover h2 a::after,
header:focus h2 a::after,
header:active h2 a::after,
section:not(#articles) .row a:hover::after,
section:not(#articles) .row a:focus::after,
section:not(#articles) .row a:active::after {
content: "/";
position: absolute;
line-height: 15px;
left: calc(50% - 155px);
font-size: 700px;
line-height: calc(50% - 48px);
left: calc(50% - 45px);
font-size: 300px;
color: #000;
z-index: 10;
}
/* Hover effect on smaller subcompanies */
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;
top: calc(50% - 14px) !important;
left: calc(50% - 25px) !important;
font-size: 200px !important;
}
.nav-item,
......
......@@ -276,7 +276,7 @@
</a>
<a class="col-md-4" href="" target="_blank" rel="noopener">
<h3><img alt="LinkedIn" src="logos/microsoft/linkedin.svg" /></h3>
<p>work social network</p>
<p>business social network</p>
</a>
<a class="col-md-4" href="" target="_blank" rel="noopener">
<h3><img alt="GitHub" src="logos/microsoft/github.svg" /></h3>
......@@ -286,11 +286,11 @@
<div class="row">
<a class="col-md-4" href="" target="_blank" rel="noopener">
<h3><img alt="XBox" src="logos/microsoft/xbox.svg" /></h3>
<p>video calls & meetings</p>
<p>gaming console</p>
</a>
<a class="col-md-4" href="" target="_blank" rel="noopener">
<h3><img alt="XBox Live" src="logos/microsoft/xboxlive.svg" /></h3>
<p>work social network</p>
<p>gaming platform</p>
</a>
<a class="col-md-4" href="" target="_blank" rel="noopener">
<h3><img alt="Minecraft" src="logos/microsoft/minecraft.svg" /></h3>
......
This diff is collapsed.
This diff is collapsed.
<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 64.356" width="200" height="64.356148">
<g transform="translate(-216.07358,-549.28882)">
<g transform="matrix(1.8232952,0,0,1.8232952,-597.71681,-124.12247)">
<g transform="translate(0,-91.137241)">
<g fill="#eb3c00" transform="matrix(0.74069815,0,0,0.74069815,98.5698,-8.2505871)">
<path d="m469.87,671.03,0-28.52,25.229-9.3238,13.711,4.3877,0,38.392-13.711,4.133-25.229-9.0691,25.229,3.0361,0-33.201-16.454,3.8392,0,22.487z"/>
<path d="m535.68,671.23c-3.9714,0-7.1517-1.3086-9.541-3.9258s-3.584-6.0221-3.584-10.215c0-4.5052,1.2174-8.0989,3.6523-10.781,2.4349-2.6823,5.7487-4.0234,9.9414-4.0234,3.8672,0.00003,6.9824,1.3021,9.3457,3.9062,2.3632,2.6042,3.5449,6.0091,3.5449,10.215-0.00003,4.5703-1.211,8.1836-3.6328,10.84-2.4219,2.6562-5.6641,3.9844-9.7266,3.9844zm0.23437-25.977c-2.9427,0.00003-5.332,1.0612-7.168,3.1836-1.8359,2.1224-2.7539,4.9089-2.7539,8.3594-0.00001,3.4505,0.89517,6.2272,2.6855,8.3301,1.7904,2.1029,4.1243,3.1543,7.002,3.1543,3.0729,0,5.4948-1.0026,7.2656-3.0078s2.6562-4.8112,2.6562-8.418c-0.00002-3.6979-0.8594-6.556-2.5781-8.5742-1.7188-2.0182-4.0886-3.0273-7.1094-3.0274z"/>
<path d="m560.71,640.72c-1.8099,0.00003-3.3138,0.61648-4.5248,1.8339-1.2109,1.2175-1.8168,2.8741-1.8168,4.9704v3.2393h-3.4107v2.7423h3.4107v17.259h3.1879v-17.259h7.7984v17.259h3.1879v-17.259h4.679v-2.7423h-4.679v-3.0851c-0.00001-2.8255,1.1197-4.2334,3.3593-4.2334,0.79426,0.00002,1.5003,0.16265,2.1253,0.51418v-2.8794c-0.57293-0.23435-1.3373-0.35989-2.3138-0.35992-1.8099,0.00003-3.331,0.61648-4.5419,1.8339-1.2109,1.2175-1.8168,2.8741-1.8168,4.9704v3.2393h-7.7984v-3.0851c-0.00001-2.8255,1.1197-4.2334,3.3593-4.2334,0.79426,0.00002,1.5003,0.16265,2.1253,0.51418v-2.8794c-0.57293-0.23435-1.3544-0.35989-2.331-0.35992z"/>
<path d="m577.88,645.68c-0.57292,0.00003-1.0612-0.19529-1.4648-0.58594-0.40365-0.39059-0.60547-0.88539-0.60547-1.4844,0-0.59893,0.20182-1.097,0.60547-1.4941,0.40364-0.39711,0.89192-0.59568,1.4648-0.5957,0.58593,0.00002,1.084,0.19859,1.4941,0.5957,0.41015,0.39716,0.61523,0.89521,0.61524,1.4941-0.00001,0.57294-0.20509,1.0612-0.61524,1.4648-0.41016,0.40367-0.90821,0.6055-1.4941,0.60547zm1.5625,25.078-3.2031,0,0-20,3.2031,0z"/>
<path d="m597.64,669.84c-1.5365,0.92448-3.3594,1.3867-5.4688,1.3867-2.8516,0-5.153-0.92774-6.9043-2.7832s-2.627-4.2611-2.627-7.2168c0-3.2943,0.94401-5.9407,2.832-7.9395,1.888-1.9987,4.4075-2.998,7.5586-2.998,1.7578,0.00002,3.3073,0.32554,4.6484,0.97656v3.2812c-1.4844-1.0416-3.0729-1.5625-4.7656-1.5625-2.0443,0.00002-3.7207,0.73244-5.0293,2.1973s-1.9629,3.3887-1.9629,5.7715c-0.00001,2.3438,0.61523,4.1927,1.8457,5.5469s2.8808,2.0313,4.9512,2.0312c1.7448,0.00001,3.3854-0.57942,4.9219-1.7383z"/>
<path d="m617.22,661.56-14.121,0c0.0521,2.2266,0.65103,3.9453,1.7969,5.1562,1.1458,1.2109,2.7214,1.8164,4.7266,1.8164,2.2526,0.00001,4.3229-0.74218,6.2109-2.2266v3.0078c-1.7578,1.276-4.082,1.9141-6.9726,1.9141-2.8255,0-5.0456-0.90821-6.6602-2.7246s-2.4219-4.3717-2.4219-7.666c0-3.112,0.88216-5.6478,2.6465-7.6074s3.9551-2.9394,6.5723-2.9394c2.6172,0.00002,4.6419,0.84637,6.0742,2.5391s2.1484,4.043,2.1484,7.0508zm-3.2812-2.7148c-0.013-1.8489-0.459-3.2877-1.3379-4.3164-0.87892-1.0286-2.0996-1.543-3.6621-1.543-1.5104,0.00002-2.793,0.54038-3.8477,1.6211-1.0547,1.0808-1.7057,2.4935-1.9531,4.2383z"/>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?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"
viewBox="0 0 200 64.356"
width="200"
height="64.356148"
version="1.1"
id="svg22"
sodipodi:docname="office.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)">
<metadata
id="metadata28">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<defs
id="defs26" />
<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="namedview24"
showgrid="false"
inkscape:zoom="2.63"
inkscape:cx="36.501901"
inkscape:cy="32.178074"
inkscape:window-x="0"
inkscape:window-y="34"
inkscape:window-maximized="1"
inkscape:current-layer="svg22" />
<g
style="fill:#ffffff;fill-opacity:1"
id="g14"
transform="matrix(1.3505114,0,0,1.3505114,-634.06855,-854.62464)">
<path
inkscape:connector-curvature="0"
id="path2"
d="m 469.87,671.03 v -28.52 l 25.229,-9.3238 13.711,4.3877 v 38.392 l -13.711,4.133 -25.229,-9.0691 25.229,3.0361 v -33.201 l -16.454,3.8392 v 22.487 z"
style="fill:#ffffff;fill-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path4"
d="m 535.68,671.23 c -3.9714,0 -7.1517,-1.3086 -9.541,-3.9258 -2.3893,-2.6172 -3.584,-6.0221 -3.584,-10.215 0,-4.5052 1.2174,-8.0989 3.6523,-10.781 2.4349,-2.6823 5.7487,-4.0234 9.9414,-4.0234 3.8672,3e-5 6.9824,1.3021 9.3457,3.9062 2.3632,2.6042 3.5449,6.0091 3.5449,10.215 -3e-5,4.5703 -1.211,8.1836 -3.6328,10.84 -2.4219,2.6562 -5.6641,3.9844 -9.7266,3.9844 z m 0.23437,-25.977 c -2.9427,3e-5 -5.332,1.0612 -7.168,3.1836 -1.8359,2.1224 -2.7539,4.9089 -2.7539,8.3594 -10e-6,3.4505 0.89517,6.2272 2.6855,8.3301 1.7904,2.1029 4.1243,3.1543 7.002,3.1543 3.0729,0 5.4948,-1.0026 7.2656,-3.0078 1.7708,-2.0052 2.6562,-4.8112 2.6562,-8.418 -2e-5,-3.6979 -0.8594,-6.556 -2.5781,-8.5742 -1.7188,-2.0182 -4.0886,-3.0273 -7.1094,-3.0274 z"
style="fill:#ffffff;fill-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path6"
d="m 560.71,640.72 c -1.8099,3e-5 -3.3138,0.61648 -4.5248,1.8339 -1.2109,1.2175 -1.8168,2.8741 -1.8168,4.9704 v 3.2393 h -3.4107 v 2.7423 h 3.4107 v 17.259 h 3.1879 v -17.259 h 7.7984 v 17.259 h 3.1879 v -17.259 h 4.679 v -2.7423 h -4.679 v -3.0851 c -10e-6,-2.8255 1.1197,-4.2334 3.3593,-4.2334 0.79426,2e-5 1.5003,0.16265 2.1253,0.51418 v -2.8794 c -0.57293,-0.23435 -1.3373,-0.35989 -2.3138,-0.35992 -1.8099,3e-5 -3.331,0.61648 -4.5419,1.8339 -1.2109,1.2175 -1.8168,2.8741 -1.8168,4.9704 v 3.2393 h -7.7984 v -3.0851 c -10e-6,-2.8255 1.1197,-4.2334 3.3593,-4.2334 0.79426,2e-5 1.5003,0.16265 2.1253,0.51418 v -2.8794 c -0.57293,-0.23435 -1.3544,-0.35989 -2.331,-0.35992 z"
style="fill:#ffffff;fill-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path8"
d="m 577.88,645.68 c -0.57292,3e-5 -1.0612,-0.19529 -1.4648,-0.58594 -0.40365,-0.39059 -0.60547,-0.88539 -0.60547,-1.4844 0,-0.59893 0.20182,-1.097 0.60547,-1.4941 0.40364,-0.39711 0.89192,-0.59568 1.4648,-0.5957 0.58593,2e-5 1.084,0.19859 1.4941,0.5957 0.41015,0.39716 0.61523,0.89521 0.61524,1.4941 -10e-6,0.57294 -0.20509,1.0612 -0.61524,1.4648 -0.41016,0.40367 -0.90821,0.6055 -1.4941,0.60547 z m 1.5625,25.078 h -3.2031 v -20 h 3.2031 z"
style="fill:#ffffff;fill-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path10"
d="m 597.64,669.84 c -1.5365,0.92448 -3.3594,1.3867 -5.4688,1.3867 -2.8516,0 -5.153,-0.92774 -6.9043,-2.7832 -1.7513,-1.85546 -2.627,-4.2611 -2.627,-7.2168 0,-3.2943 0.94401,-5.9407 2.832,-7.9395 1.888,-1.9987 4.4075,-2.998 7.5586,-2.998 1.7578,2e-5 3.3073,0.32554 4.6484,0.97656 v 3.2812 c -1.4844,-1.0416 -3.0729,-1.5625 -4.7656,-1.5625 -2.0443,2e-5 -3.7207,0.73244 -5.0293,2.1973 -1.3086,1.46486 -1.9629,3.3887 -1.9629,5.7715 -10e-6,2.3438 0.61523,4.1927 1.8457,5.5469 1.23047,1.3542 2.8808,2.0313 4.9512,2.0312 1.7448,1e-5 3.3854,-0.57942 4.9219,-1.7383 z"
style="fill:#ffffff;fill-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path12"
d="m 617.22,661.56 h -14.121 c 0.0521,2.2266 0.65103,3.9453 1.7969,5.1562 1.1458,1.2109 2.7214,1.8164 4.7266,1.8164 2.2526,10e-6 4.3229,-0.74218 6.2109,-2.2266 v 3.0078 c -1.7578,1.276 -4.082,1.9141 -6.9726,1.9141 -2.8255,0 -5.0456,-0.90821 -6.6602,-2.7246 -1.6146,-1.81639 -2.4219,-4.3717 -2.4219,-7.666 0,-3.112 0.88216,-5.6478 2.6465,-7.6074 1.76434,-1.9596 3.9551,-2.9394 6.5723,-2.9394 2.6172,2e-5 4.6419,0.84637 6.0742,2.5391 1.4323,1.69273 2.1484,4.043 2.1484,7.0508 z m -3.2812,-2.7148 c -0.013,-1.8489 -0.459,-3.2877 -1.3379,-4.3164 -0.87892,-1.0286 -2.0996,-1.543 -3.6621,-1.543 -1.5104,2e-5 -2.793,0.54038 -3.8477,1.6211 -1.0547,1.0808 -1.7057,2.4935 -1.9531,4.2383 z"
style="fill:#ffffff;fill-opacity:1" />
</g>
</svg>
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
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