mirror of
https://github.com/gohugoio/hugo.git
synced 2026-09-02 03:32:38 +00:00
Add a few icons for homepage
This commit is contained in:
Ryan Watters
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -1,5 +1,5 @@
|
||||
.all-content-wrapper.home {
|
||||
background-color: lighten($hugo-blue-light,50%);
|
||||
background-color: lighten($hugo-blue-light, 50%);
|
||||
}
|
||||
|
||||
main#homepage {
|
||||
@@ -31,43 +31,49 @@ main#homepage {
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
flex-shrink: 0;
|
||||
list-style:none;
|
||||
padding-left:0px;
|
||||
margin-left:0px;
|
||||
list-style: none;
|
||||
padding-left: 0px;
|
||||
margin-left: 0px;
|
||||
.homepage-card {
|
||||
@include card(1, 3);
|
||||
color: inherit;
|
||||
width: 100%;
|
||||
background-color: $body-bg-color;
|
||||
margin-bottom: .5em;
|
||||
padding: 16px 8px;
|
||||
padding: 16px 10px;
|
||||
flex-shrink: 0;
|
||||
a {
|
||||
display: flex;
|
||||
min-height: 100%;
|
||||
}
|
||||
@include MQ(M) {
|
||||
flex: 1 0 #{$M * .9 * .48};
|
||||
max-width: $M * .9 * .48;
|
||||
flex: 1 0 #{$M * .4};
|
||||
max-width: $M * .4;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
@include MQ(L) {
|
||||
flex: 1 0 #{860px * .9 * .31};
|
||||
max-width: 860px * .9 * .31;
|
||||
margin-left: .2em;
|
||||
}
|
||||
section {
|
||||
display:flex;
|
||||
flex-direction:row;
|
||||
align-items:center;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
.homepage-card-image-wrapper {
|
||||
display:block;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
max-width:60px;
|
||||
min-width:60px;
|
||||
margin-right:1em;
|
||||
}
|
||||
.homepage-card-copy {
|
||||
|
||||
max-width: 60px;
|
||||
min-width: 60px;
|
||||
margin-right: 10px;
|
||||
img {
|
||||
max-width: 60px;
|
||||
margin-left:auto;
|
||||
margin-right:auto;
|
||||
}
|
||||
@include MQ(M) {
|
||||
max-width: 70px;
|
||||
min-width: 70px;
|
||||
img {
|
||||
max-width: 70px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.homepage-card-copy {}
|
||||
h2 {
|
||||
font-size: 1em;
|
||||
margin: 0px;
|
||||
|
||||
+1
-1
File diff suppressed because one or more lines are too long
@@ -0,0 +1,19 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
|
||||
<circle cx="256" cy="256" r="256" style="fill:rgb(0,131,192);"/>
|
||||
<path d="M388.57,367.672L118.205,367.672L133.747,347.819L388.57,347.819L388.57,367.672Z" style="fill:rgb(0,168,138);fill-rule:nonzero;"/>
|
||||
<path d="M164.695,360.234L118.206,367.673L125.645,321.184L344.297,102.53C349.346,97.481 357.533,97.481 362.583,102.53L383.348,123.295C388.397,128.344 388.397,136.531 383.348,141.581L164.695,360.234Z" style="fill:rgb(255,132,104);fill-rule:nonzero;"/>
|
||||
<path d="M323.686,123.14L125.644,321.183L118.205,367.672L164.695,360.234L362.737,162.191L323.686,123.14Z" style="fill:rgb(252,216,4);fill-rule:nonzero;"/>
|
||||
<path d="M137.443,364.594L121.283,348.435L118.205,367.672L137.443,364.594Z" style="fill:rgb(30,73,95);fill-rule:nonzero;"/>
|
||||
<path d="M118.405,366.428L118.205,367.672L137.443,364.594L128.84,355.993L118.405,366.428Z" style="fill:rgb(29,56,78);fill-rule:nonzero;"/>
|
||||
<g transform="matrix(-0.7071,-0.7071,0.7071,-0.7071,245.951,585.256)">
|
||||
<rect x="233.664" y="97.052" width="21.044" height="289.277" style="fill:rgb(235,185,81);"/>
|
||||
</g>
|
||||
<g transform="matrix(0.7071,0.7071,-0.7071,0.7071,245.882,-103.312)">
|
||||
<rect x="242.021" y="100.511" width="11.258" height="289.277" style="fill:rgb(255,162,0);"/>
|
||||
</g>
|
||||
<path d="M383.347,141.581C388.397,136.531 388.397,128.344 383.347,123.295L362.582,102.53C357.533,97.481 349.346,97.48 344.296,102.53L323.686,123.14L362.737,162.191L383.347,141.581Z" style="fill:rgb(230,17,0);fill-rule:nonzero;"/>
|
||||
<path d="M164.695,360.234L125.644,321.183L121.283,348.435L137.443,364.594L164.695,360.234Z" style="fill:rgb(250,227,194);fill-rule:nonzero;"/>
|
||||
<path d="M128.84,355.993L137.443,364.594L164.695,360.234L144.646,340.186L128.84,355.993Z" style="fill:rgb(255,216,177);fill-rule:nonzero;"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
@@ -0,0 +1,10 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
|
||||
<circle cx="256" cy="256" r="256" style="fill:rgb(255,64,136);"/>
|
||||
<circle cx="256" cy="256" r="142.222"/>
|
||||
<g>
|
||||
<rect x="241.347" y="170.667" width="29.306" height="85.333" style="fill:rgb(5,148,203);"/>
|
||||
<path d="M256,355.987C229.293,355.987 204.183,345.587 185.297,326.703C146.313,287.719 146.313,224.284 185.297,185.3L206.02,206.023C192.67,219.371 185.318,237.122 185.318,256.001C185.318,274.88 192.67,292.631 206.02,305.979C219.368,319.329 237.119,326.681 255.998,326.681C274.877,326.681 292.628,319.329 305.976,305.979C319.326,292.631 326.678,274.88 326.678,256.001C326.678,237.122 319.326,219.371 305.976,206.023L326.699,185.3C365.683,224.284 365.683,287.719 326.699,326.703C307.817,345.586 282.707,355.987 256,355.987Z" style="fill:rgb(5,148,203);fill-rule:nonzero;"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1,28 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
|
||||
<circle cx="256" cy="256" r="256" style="fill:rgb(0,168,138);"/>
|
||||
<g>
|
||||
<path d="M265.309,300.218C265.309,293.79 270.517,288.582 276.945,288.582L307.037,288.582C310.118,288.582 313.083,289.811 315.266,291.989L331.72,308.443C333.898,310.626 336.863,311.855 339.945,311.855L393.309,311.855C399.737,311.855 404.945,317.063 404.945,323.491L404.945,393.309C404.945,399.737 399.737,404.945 393.309,404.945L276.945,404.945C270.517,404.945 265.309,399.737 265.309,393.309L265.309,300.218L265.309,300.218Z" style="fill:rgb(244,208,161);fill-rule:nonzero;"/>
|
||||
<path d="M265.309,160.582C265.309,154.154 270.517,148.946 276.945,148.946L307.037,148.946C310.118,148.946 313.083,150.175 315.266,152.353L331.72,168.807C333.898,170.99 336.863,172.219 339.945,172.219L393.309,172.219C399.737,172.219 404.945,177.427 404.945,183.855L404.945,253.673C404.945,260.101 399.737,265.309 393.309,265.309L276.945,265.309C270.517,265.309 265.309,260.101 265.309,253.673L265.309,160.582L265.309,160.582Z" style="fill:rgb(244,208,161);fill-rule:nonzero;"/>
|
||||
</g>
|
||||
<g>
|
||||
<circle cx="237.382" cy="200.145" r="9.309" style="fill:white;"/>
|
||||
<circle cx="200.145" cy="200.145" r="9.309" style="fill:white;"/>
|
||||
<circle cx="162.909" cy="200.145" r="9.309" style="fill:white;"/>
|
||||
<circle cx="125.673" cy="200.145" r="9.309" style="fill:white;"/>
|
||||
<circle cx="237.382" cy="349.091" r="9.309" style="fill:white;"/>
|
||||
<circle cx="200.145" cy="349.091" r="9.309" style="fill:white;"/>
|
||||
<circle cx="162.909" cy="349.091" r="9.309" style="fill:white;"/>
|
||||
<circle cx="125.673" cy="349.091" r="9.309" style="fill:white;"/>
|
||||
<circle cx="125.673" cy="311.855" r="9.309" style="fill:white;"/>
|
||||
<circle cx="125.673" cy="274.618" r="9.309" style="fill:white;"/>
|
||||
<circle cx="125.673" cy="237.382" r="9.309" style="fill:white;"/>
|
||||
<circle cx="125.673" cy="162.909" r="9.309" style="fill:white;"/>
|
||||
<circle cx="125.673" cy="125.673" r="9.309" style="fill:white;"/>
|
||||
</g>
|
||||
<g>
|
||||
<path d="M339.945,172.218C336.864,172.218 333.899,170.989 331.716,168.811L315.262,152.357C313.084,150.174 310.119,148.945 307.037,148.945L276.945,148.945C270.517,148.945 265.309,154.153 265.309,160.581L265.309,253.672C265.309,257.084 266.803,260.128 269.144,262.255L359.182,172.217L339.945,172.217L339.945,172.218Z" style="fill:rgb(248,225,194);fill-rule:nonzero;"/>
|
||||
<path d="M339.945,311.855C336.864,311.855 333.899,310.626 331.716,308.448L315.262,291.994C313.084,289.811 310.119,288.582 307.037,288.582L276.945,288.582C270.517,288.582 265.309,293.79 265.309,300.218L265.309,393.309C265.309,396.721 266.803,399.765 269.144,401.892L359.182,311.854L339.945,311.854L339.945,311.855Z" style="fill:rgb(248,225,194);fill-rule:nonzero;"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.1 KiB |
@@ -0,0 +1,21 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg width="100%" height="100%" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
|
||||
<circle cx="254.444" cy="256.182" r="254.828" style="fill:rgb(5,148,203);"/>
|
||||
<rect x="252.552" y="217.074" width="47.437" height="77.852" style="fill:rgb(201,47,0);"/>
|
||||
<g transform="matrix(1,0,0,1,1.64775,180.239)">
|
||||
<rect x="212.73" y="113.778" width="39.822" height="103.865" style="fill:rgb(235,185,81);"/>
|
||||
</g>
|
||||
<rect x="210.351" y="217.074" width="42.206" height="77.852" style="fill:rgb(255,84,25);"/>
|
||||
<rect x="133.982" y="215.609" width="80.794" height="80.794" style="fill:rgb(235,185,81);"/>
|
||||
<path d="M113.778,276.197L133.977,296.396L133.977,215.604L113.778,235.801L113.778,276.197Z" style="fill:rgb(255,198,27);fill-rule:nonzero;"/>
|
||||
<rect x="291.478" y="215.609" width="80.794" height="80.794" style="fill:rgb(255,84,25);"/>
|
||||
<path d="M392.475,235.801L372.276,215.602L372.277,296.396L392.475,276.197L392.475,235.801Z" style="fill:rgb(255,198,27);fill-rule:nonzero;"/>
|
||||
<rect x="212.73" y="113.778" width="39.822" height="103.865" style="fill:rgb(235,185,81);"/>
|
||||
<rect x="252.552" y="113.778" width="40.97" height="103.865" style="fill:rgb(255,84,25);"/>
|
||||
<path d="M232.927,93.579L212.73,113.778L252.552,113.778L252.552,93.579L232.927,93.579Z" style="fill:rgb(255,198,27);fill-rule:nonzero;"/>
|
||||
<path d="M273.325,93.579L252.552,93.579L252.552,113.778L293.523,113.778L273.325,93.579Z" style="fill:rgb(235,185,81);fill-rule:nonzero;"/>
|
||||
<rect x="252.552" y="294.357" width="40.97" height="103.865" style="fill:rgb(255,84,25);"/>
|
||||
<path d="M252.552,398.222L212.728,398.222L232.927,418.421L273.325,418.421L293.523,398.222L252.552,398.222Z" style="fill:rgb(255,198,27);fill-rule:nonzero;"/>
|
||||
<path d="M293.523,398.222L252.552,398.222L252.552,418.421L273.325,418.421L293.523,398.222Z" style="fill:rgb(235,185,81);fill-rule:nonzero;"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
Reference in New Issue
Block a user