refacto: Remake the interface so it is more 'vintage' looking + Adding a full calendar page
This commit is contained in:
@@ -0,0 +1,50 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 527 713" role="img" aria-label="Jours complémentaires">
|
||||
<defs>
|
||||
<radialGradient id="sky" cx="50%" cy="40%" r="75%">
|
||||
<stop offset="0" stop-color="#efe3c5"/>
|
||||
<stop offset="1" stop-color="#d3bf93"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
<rect width="527" height="713" fill="url(#sky)"/>
|
||||
<!-- laurel wreath -->
|
||||
<g fill="none" stroke="#5f6b3c" stroke-width="3" stroke-linecap="round">
|
||||
<path d="M263 640 C140 620 90 520 100 400 C108 300 150 220 210 180"/>
|
||||
<path d="M263 640 C386 620 436 520 426 400 C418 300 376 220 316 180"/>
|
||||
</g>
|
||||
<g fill="#7b8a4c" stroke="#4d5830" stroke-width="1.5">
|
||||
<g id="leaves-left">
|
||||
<ellipse cx="108" cy="560" rx="11" ry="25" transform="rotate(-35 108 560)"/>
|
||||
<ellipse cx="96" cy="500" rx="11" ry="25" transform="rotate(-18 96 500)"/>
|
||||
<ellipse cx="94" cy="440" rx="11" ry="25" transform="rotate(-6 94 440)"/>
|
||||
<ellipse cx="100" cy="380" rx="11" ry="25" transform="rotate(8 100 380)"/>
|
||||
<ellipse cx="116" cy="322" rx="11" ry="25" transform="rotate(22 116 322)"/>
|
||||
<ellipse cx="144" cy="270" rx="11" ry="25" transform="rotate(34 144 270)"/>
|
||||
<ellipse cx="184" cy="226" rx="11" ry="25" transform="rotate(46 184 226)"/>
|
||||
<ellipse cx="170" cy="580" rx="11" ry="25" transform="rotate(-60 170 580)"/>
|
||||
</g>
|
||||
<use href="#leaves-left" transform="translate(527 0) scale(-1 1)"/>
|
||||
</g>
|
||||
<!-- fasces -->
|
||||
<g transform="translate(213 130) scale(1.7 1.7)" fill="none" stroke="#3a2d1d" stroke-width="1.6" stroke-linejoin="round" stroke-linecap="round">
|
||||
<path d="M13 50 C11 26 22 10 38 9 C47 9 52 15 47 21 C44 25 48 31 47 50 Z" fill="#8e2b26"/>
|
||||
<rect x="11" y="46" width="38" height="8" rx="2" fill="#d9c9a3"/>
|
||||
<rect x="27" y="54" width="6" height="14" fill="#b9a67c"/>
|
||||
<g fill="#d9c9a3">
|
||||
<rect x="9" y="68" width="7" height="268" rx="3.5"/>
|
||||
<rect x="17" y="68" width="7" height="268" rx="3.5"/>
|
||||
<rect x="25" y="68" width="7" height="268" rx="3.5"/>
|
||||
<rect x="33" y="68" width="7" height="268" rx="3.5"/>
|
||||
<rect x="41" y="68" width="7" height="268" rx="3.5"/>
|
||||
</g>
|
||||
<g fill="#c9b684">
|
||||
<path d="M7 118 L51 98 L51 110 L7 130 Z"/>
|
||||
<path d="M7 168 L51 148 L51 160 L7 180 Z"/>
|
||||
<path d="M7 218 L51 198 L51 210 L7 230 Z"/>
|
||||
<path d="M7 268 L51 248 L51 260 L7 280 Z"/>
|
||||
</g>
|
||||
<g fill="#3a2d1d">
|
||||
<rect x="6" y="74" width="46" height="12" rx="2"/>
|
||||
<rect x="6" y="318" width="46" height="12" rx="2"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.5 KiB |
Reference in New Issue
Block a user