Merge pull request #16645 from overleaf/mf-template-cards-assets

[website-redesign] Change template asset card placeholders

GitOrigin-RevId: a94e0d6d91c335fb3c6abac0e48691ef010a28c8
This commit is contained in:
M Fahru 2024-01-23 09:41:47 -07:00 committed by Copybot
parent 5a1aac3725
commit 8e167e3946
6 changed files with 58 additions and 4 deletions

View file

@ -481,14 +481,14 @@
}
}
.top-image-cards {
.top-image-card {
.template-cards {
.template-card {
> img.img-responsive {
width: 100%;
border-radius: 8px;
}
.top-image-card-title {
.template-card-title {
font-size: 24px;
margin-top: 16px;
margin-bottom: 8px;
@ -508,7 +508,7 @@
}
}
.top-image-card-text {
.template-card-text {
font-size: 16px;
}

View file

@ -0,0 +1,11 @@
<svg width="384" height="241" viewBox="0 0 384 241" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="0.697266" width="384" height="240" rx="8" fill="#F1A4A1"/>
<rect x="195" y="86.6973" width="111" height="22" rx="10" fill="#DADBEB"/>
<rect x="195" y="120.697" width="111" height="22" rx="10" fill="#F9D880"/>
<rect x="195" y="155.697" width="111" height="63" rx="10" fill="#DADBEB"/>
<rect x="78" y="86.6973" width="111" height="22" rx="10" fill="#F9D880"/>
<rect x="136" y="55.6973" width="111" height="22" rx="10" fill="#F9D880"/>
<rect x="78" y="23.6973" width="228" height="22" rx="10" fill="#F9D880"/>
<rect x="78" y="120.697" width="111" height="63" rx="10" fill="#DADBEB"/>
<rect x="78" y="196.697" width="111" height="22" rx="10" fill="#F9D880"/>
</svg>

After

Width:  |  Height:  |  Size: 771 B

View file

@ -0,0 +1,5 @@
<svg width="384" height="241" viewBox="0 0 384 241" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="0.697266" width="384" height="240" rx="8" fill="#C0A2CA"/>
<rect x="67" y="18.6973" width="249" height="163" rx="10" fill="#80CB9C"/>
<rect x="137" y="189.697" width="109" height="33" rx="10" fill="#F9D880"/>
</svg>

After

Width:  |  Height:  |  Size: 325 B

View file

@ -0,0 +1,8 @@
<svg width="384" height="241" viewBox="0 0 384 241" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="0.697266" width="384" height="240" rx="8" fill="#DADBEB"/>
<rect x="119" y="10.6973" width="239" height="220" rx="10" fill="#F9D880"/>
<rect x="85" y="57.6973" width="231" height="48" rx="10" fill="#80CB9C"/>
<rect x="85" y="113.697" width="231" height="18" rx="9" fill="#80CB9C"/>
<rect x="195" y="139.697" width="121" height="18" rx="9" fill="#80CB9C"/>
<rect x="195" y="167.697" width="121" height="18" rx="9" fill="#80CB9C"/>
</svg>

After

Width:  |  Height:  |  Size: 546 B

View file

@ -0,0 +1,13 @@
<svg width="384" height="241" viewBox="0 0 384 241" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3314_10407)">
<rect y="0.21875" width="384" height="240" rx="8" fill="#80CB9C"/>
<rect x="18" y="18.2188" width="348" height="122" rx="10" fill="#DADBEB"/>
<rect x="18" y="150.219" width="111" height="117" rx="10" fill="#F1A4A1"/>
<rect x="139" y="150.219" width="227" height="117" rx="10" fill="#F9D880"/>
</g>
<defs>
<clipPath id="clip0_3314_10407">
<rect y="0.21875" width="384" height="240" rx="8" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 569 B

View file

@ -0,0 +1,17 @@
<svg width="384" height="241" viewBox="0 0 384 241" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3314_10388)">
<rect y="0.21875" width="384" height="240" rx="8" fill="#F9D880"/>
<rect x="60" y="226.219" width="1033" height="31" fill="#80CB9C"/>
<rect x="20" y="186.219" width="1032" height="30" fill="#F1A4A1"/>
<rect x="121" y="145.219" width="1032" height="31" fill="#DADBEB"/>
<rect x="60" y="105.219" width="1033" height="31" fill="#F1A4A1"/>
<rect x="81" y="65.2188" width="1032" height="31" fill="#80CB9C"/>
<rect x="40" y="25.2188" width="1032" height="30" fill="#DADBEB"/>
<rect x="101" y="-15.7812" width="1032" height="31" fill="#F1A4A1"/>
</g>
<defs>
<clipPath id="clip0_3314_10388">
<rect y="0.21875" width="384" height="240" rx="8" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 815 B