Add project icons

This commit is contained in:
Tanguy Herbron 2021-04-19 15:38:43 +02:00
parent c7dd88f94a
commit a8c845c100
5 changed files with 246 additions and 1 deletions

View File

@ -14,7 +14,7 @@ export default function CaseCard(props) {
alt="The one and only bongo cat!"
/>
<div className={styles.avatarHolder}>
<Avatar size={"small"} />
<Avatar src={study.icon} size={"small"} />
</div>
<div className={styles.cardInfo}>

View File

@ -63,6 +63,7 @@ export async function getStaticProps() {
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.",
date: "June 12, 2020",
cover: "/images/bongo.png",
icon: "/images/dotfiles/icon.svg",
link: "https://github.com/TanguyHerbron/dotfiles"
},
{
@ -71,6 +72,7 @@ export async function getStaticProps() {
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.",
date: "June 12, 2020",
cover: "/images/bongo.png",
icon: "/images/halia/logo.svg",
link: "https://wiki.halia.dev"
},
{
@ -79,6 +81,7 @@ export async function getStaticProps() {
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.",
date: "June 12, 2020",
cover: "/images/bongo.png",
icon: "/images/moodl/icon.png",
link: "https://github.com/TanguyHerbron/Moodl"
},
];

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 4.8 MiB

View File

@ -0,0 +1,210 @@
<svg width="436" height="437" viewBox="0 0 436 437" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="436" height="437" fill="#061520"/>
<g clip-path="url(#clip0)">
<path d="M233.5 213.046C266 190.546 300.5 205.546 300.5 205.546L295.5 179.046L225 136.546L170.5 160.546L148.5 222.046L158.5 321.546L293 365.046L307 342.546C307 342.546 268.687 342.789 247 328.546C225.313 314.303 211.332 295.046 209 274.046C206.668 253.046 212.393 227.658 233.5 213.046Z" fill="url(#paint0_linear)"/>
<g filter="url(#filter0_di)">
<path d="M253.5 169.046C253.5 169.046 239 155.988 212.5 159.546C182.5 163.574 168.271 188.546 162 207.046C155.729 225.546 162 259.046 182.5 285.546C212.529 324.364 260.5 344.301 294.5 342.546C378.5 338.211 391.5 288.546 391.5 288.546V363.046L294.5 411.546L139.5 387.546L75 294.546L69.5 185.546L109 114.046L182.5 110.046L256.5 147.046L253.5 169.046Z" fill="url(#paint1_linear)"/>
</g>
<path d="M238.405 231.176H208.998V194.647H256.685L265.428 199.412L267.018 213.706C267.018 213.706 267.018 222.441 253.506 222.441C239.995 222.441 238.405 231.176 238.405 231.176Z" fill="#D8D8D8"/>
<path d="M179.591 231.176H208.998V194.647H161.311L152.568 199.412L150.978 213.706C150.978 213.706 150.978 222.441 164.49 222.441C178.001 222.441 179.591 231.176 179.591 231.176Z" fill="#D8D8D8"/>
<path d="M223.304 194.647H208.998V221.647H218.535V211.324C218.535 202.588 223.304 194.647 223.304 194.647Z" fill="white"/>
<path d="M194.692 194.647H208.998V221.647H199.46V211.324C199.46 202.588 194.692 194.647 194.692 194.647Z" fill="white"/>
<rect x="154.952" y="186.706" width="108.091" height="7.94118" fill="#C4C4C4"/>
<g filter="url(#filter1_d)">
<rect x="147.004" y="174" width="123.987" height="12.7059" rx="2" fill="#C4C4C4"/>
</g>
<g filter="url(#filter2_d)">
<path d="M234.431 211.324C229.662 220.059 229.662 231.176 229.662 231.176H208.998V224.824H224.894C224.894 224.824 224.894 213.309 225.688 209.735C227.278 202.588 229.662 197.824 234.431 194.647H263.838C274.171 194.647 282.118 223.235 259.07 223.235C248.737 223.235 246.353 218.471 246.353 215.294C246.353 215.294 246.353 208.941 251.916 209.735C249.532 213.706 251.122 217.676 256.685 217.676C263.044 217.676 264.633 214.5 264.633 208.941C264.633 204.971 260.659 200.206 251.916 200.206C243.174 200.206 239.2 202.588 234.431 211.324Z" fill="white"/>
<path d="M183.566 211.324C188.335 220.059 188.335 231.176 188.335 231.176H208.998V224.824H193.103C193.103 224.824 193.103 213.309 192.308 209.735C190.719 202.588 188.335 197.824 183.566 194.647H154.161C143.829 194.647 135.882 223.235 158.929 223.235C169.261 223.235 171.645 218.471 171.645 215.294C171.645 215.294 171.645 208.941 166.082 209.735C168.466 213.706 166.877 217.676 161.313 217.676C154.956 217.676 153.366 214.5 153.366 208.941C153.366 204.971 157.34 200.206 166.082 200.206C174.824 200.206 178.798 202.588 183.566 211.324Z" fill="white"/>
</g>
<rect x="180.385" y="240.706" width="57.2249" height="176.294" fill="white"/>
<path d="M199.46 251.826C199.46 250.07 200.884 248.647 202.64 248.647V248.647C204.395 248.647 205.819 250.07 205.819 251.826V417H199.46V251.826Z" fill="#C4C4C4"/>
<path d="M212.177 251.826C212.177 250.07 213.601 248.647 215.356 248.647V248.647C217.112 248.647 218.536 250.07 218.536 251.826V417H212.177V251.826Z" fill="#C4C4C4"/>
<path d="M224.894 251.826C224.894 250.07 226.317 248.647 228.073 248.647V248.647C229.829 248.647 231.252 250.07 231.252 251.826V417H224.894V251.826Z" fill="#C4C4C4"/>
<path d="M186.744 251.826C186.744 250.07 188.167 248.647 189.923 248.647V248.647C191.679 248.647 193.102 250.07 193.102 251.826V417H186.744V251.826Z" fill="#C4C4C4"/>
<g filter="url(#filter3_d)">
<rect x="175.617" y="231.176" width="66.7623" height="9.52942" rx="1" fill="#C6C6C6"/>
</g>
<g clip-path="url(#clip1)">
<g filter="url(#filter4_di)">
<path d="M253.5 169.046C253.5 169.046 239 155.988 212.5 159.546C182.5 163.574 168.271 188.546 162 207.046C155.729 225.546 162 259.046 182.5 285.546C212.529 324.364 260.5 344.301 294.5 342.546C378.5 338.211 391.5 288.546 391.5 288.546V363.046L294.5 411.546L139.5 387.546L75 294.546L69.5 185.546L109 114.046L182.5 110.046L256.5 147.046L253.5 169.046Z" fill="url(#paint2_linear)"/>
</g>
</g>
<g filter="url(#filter5_di)">
<path d="M174.5 138.546C186.992 137.327 206.5 141.546 206.5 141.546L201.5 118.546L61.5 127.546L14 228.046L44.5 352.546L138 412.546H264L273.5 396.046C273.5 396.046 225.237 396.024 197.5 384.546C158.917 368.58 135.175 344.046 118 313.046C100.089 280.718 92.5 241.546 100 211.046C107.5 180.546 128.5 143.034 174.5 138.546Z" fill="url(#paint3_linear)"/>
</g>
<g filter="url(#filter6_di)">
<path d="M95.5 161.546C67.6842 182.546 23.4886 244.046 71.5 332.046C47.5663 325.112 21 293.046 21 293.046C21 293.046 21.0712 223.894 34.5 182.546C48.6545 138.964 92.5 80.5459 92.5 80.5459L304.5 53.0459C304.5 53.0459 349.5 71.0459 371.5 115.546C387.859 148.635 391.5 185.52 368.5 205.546C350 221.654 317.677 217.046 299.5 205.546C275 190.046 264.163 172.859 237.5 158.046C192.5 133.046 139.771 128.123 95.5 161.546Z" fill="url(#paint4_linear)"/>
</g>
<g filter="url(#filter7_di)">
<path d="M151 89.0461C78.9196 94.6571 36.9999 172.046 32.9999 198.546C3.4999 310.5 2.49991 30.0603 82.9999 -1.50002C135.5 -22.0828 276 26.8755 326.5 67.0459C348.5 84.5459 361 110.046 345 126.546C335.824 137.046 314 136.198 289.5 126.546C261 115.319 223.08 83.4351 151 89.0461Z" fill="url(#paint5_linear)"/>
</g>
<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="21" y="53" width="364" height="280">
<path d="M95.5 161.546C67.6842 182.546 23.4886 244.046 71.5 332.046C47.5663 325.112 21 293.046 21 293.046C21 293.046 21.0712 223.894 34.5 182.546C48.6545 138.964 92.5 80.5459 92.5 80.5459L304.5 53.0459C304.5 53.0459 349.5 71.0459 371.5 115.546C387.859 148.635 391.5 185.52 368.5 205.546C350 221.654 317.677 217.046 299.5 205.546C275 190.046 264.163 172.859 237.5 158.046C192.5 133.046 139.771 128.123 95.5 161.546Z" fill="url(#paint6_linear)"/>
</mask>
<g mask="url(#mask0)">
<g filter="url(#filter8_di)">
<path d="M342.5 185C337.016 188.383 329.682 188 326 185C312.5 174 294.024 161 290 167.5C287.524 171.5 309.5 188 275 188C240.5 188 290 209.8 290 211C290 212.2 317.667 220.5 331.5 224.5C331.5 224.5 359.447 216.384 371.5 203.5C386 188 384.5 161.5 384.5 161.5C384.5 161.5 383.962 166.774 381 167.5C376.022 168.721 374.5 157.5 371.5 159.5C367.282 162.312 377.76 172.257 373 174C367.352 176.068 360.164 174.271 356.5 169.5C352.332 164.072 336.5 147.5 328.5 149C320.635 150.475 328.446 155 338 167.5C344.825 176.429 346.553 182.5 342.5 185Z" fill="url(#paint7_linear)"/>
</g>
</g>
</g>
<defs>
<filter id="filter0_di" x="67.5" y="108.046" width="334" height="311.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dx="8" dy="6"/>
<feGaussianBlur stdDeviation="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-10" dy="-4"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow"/>
</filter>
<filter id="filter1_d" x="143.004" y="174" width="131.987" height="20.7059" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter2_d" x="140" y="194.647" width="138" height="44.5294" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter3_d" x="171.617" y="231.176" width="74.7623" height="17.5294" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
</filter>
<filter id="filter4_di" x="67.5" y="108.046" width="334" height="311.5" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dx="8" dy="6"/>
<feGaussianBlur stdDeviation="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-10" dy="-4"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow"/>
</filter>
<filter id="filter5_di" x="12" y="116.546" width="271.5" height="304" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dx="8" dy="6"/>
<feGaussianBlur stdDeviation="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-10" dy="-2"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.08 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow"/>
</filter>
<filter id="filter6_di" x="19" y="51.0459" width="380.76" height="293" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dx="11" dy="8"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-3" dy="-11"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow"/>
</filter>
<filter id="filter7_di" x="14.6238" y="-8.36133" width="343.606" height="244.157" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dx="4" dy="9"/>
<feGaussianBlur stdDeviation="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="-12"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.95 0 0 0 0 0.95 0 0 0 0 0.95 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow"/>
</filter>
<filter id="filter8_di" x="258.779" y="148.904" width="129.766" height="83.5956" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="shape" result="effect2_innerShadow"/>
</filter>
<linearGradient id="paint0_linear" x1="227.75" y1="136.546" x2="228" y2="321.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#022653"/>
<stop offset="1" stop-color="#1971A7"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="230.5" y1="110.046" x2="230.5" y2="411.546" gradientUnits="userSpaceOnUse">
<stop stop-color="#022457"/>
<stop offset="1" stop-color="#2D98C6"/>
</linearGradient>
<linearGradient id="paint2_linear" x1="230.5" y1="110.046" x2="230.5" y2="411.546" gradientUnits="userSpaceOnUse">
<stop stop-color="#022457"/>
<stop offset="1" stop-color="#2D98C6"/>
</linearGradient>
<linearGradient id="paint3_linear" x1="33" y1="153.5" x2="124" y2="368" gradientUnits="userSpaceOnUse">
<stop stop-color="#03285B"/>
<stop offset="1" stop-color="#1878A8"/>
</linearGradient>
<linearGradient id="paint4_linear" x1="41.5" y1="133" x2="373.5" y2="208.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#096181"/>
<stop offset="1" stop-color="#0E4B7C"/>
</linearGradient>
<linearGradient id="paint5_linear" x1="192.615" y1="31" x2="319.5" y2="140.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#0C6C92"/>
<stop offset="1" stop-color="#2576A5"/>
</linearGradient>
<linearGradient id="paint6_linear" x1="41.5" y1="133" x2="373.5" y2="208.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#098179"/>
<stop offset="1" stop-color="#0E6F7C"/>
</linearGradient>
<linearGradient id="paint7_linear" x1="305.5" y1="147" x2="330.5" y2="224.5" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="0.0001" stop-color="white" stop-opacity="0.795708"/>
<stop offset="0.380208" stop-color="white" stop-opacity="0.526042"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0">
<rect x="32" y="32" width="372" height="373" rx="186" fill="white"/>
</clipPath>
<clipPath id="clip1">
<rect width="318.95" height="165.546" fill="white" transform="translate(72.5503 246)"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB