-
Notifications
You must be signed in to change notification settings - Fork 0
/
brihat_splash.html
41 lines (37 loc) · 5.23 KB
/
brihat_splash.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Brihat</title>
<style>
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
width: 100%;
height: 100vh;
}
#brihatlogo {
position: absolute;
top: 50%;
left: 50%;
width: 120px;
height: auto;
transform: translate(-50%, -50%);
animation: fill 1s ease forwards 2.3s;
}
</style>
</head>
<body>
<svg id="brihatlogo" width="222" height="247" viewBox="0 0 222 247" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M181.641 2.95312C191.391 5.57812 198.75 9.42188 203.719 14.4844C210.75 21.6094 214.266 29.8125 214.266 39.0938C214.266 46.6875 211.5 54.5625 205.969 62.7188C200.531 70.7812 190.453 80.3906 175.734 91.5469C188.297 92.6719 197.484 94.7344 203.297 97.7344C209.203 100.734 213.328 104.578 215.672 109.266C218.016 113.953 219.188 121.781 219.188 132.75V181.125C185.812 184.875 157.359 196.5 133.828 216C125.672 210.375 117.938 206.391 110.625 204.047C98.8125 200.109 86.1562 198.141 72.6562 198.141C56.0625 198.141 42.75 201.516 32.7188 208.266C25.9688 212.766 22.5938 217.266 22.5938 221.766C22.5938 223.453 23.5312 225.938 25.4062 229.219C27.375 232.594 28.3594 235.266 28.3594 237.234C28.3594 239.109 27.6562 240.75 26.25 242.156C24.8438 243.562 23.2969 244.266 21.6094 244.266C18.9844 244.266 16.5938 243 14.4375 240.469C12.375 238.031 11.3438 234.844 11.3438 230.906C11.3438 227.25 12.6094 223.078 15.1406 218.391C17.7656 213.797 23.3438 207.141 31.875 198.422C40.5 189.703 45.9844 183.328 48.3281 179.297C50.7656 175.266 51.9844 171.516 51.9844 168.047C51.9844 163.922 50.5781 160.547 47.7656 157.922C45.0469 155.203 41.5781 153.844 37.3594 153.844C33.5156 153.844 30.375 154.922 27.9375 157.078C25.5 159.234 23.8594 162.797 23.0156 167.766H17.9531C17.8594 165.984 17.8125 164.672 17.8125 163.828C17.8125 155.953 20.4375 149.484 25.6875 144.422C31.0312 139.359 38.1094 136.828 46.9219 136.828C47.9531 136.828 49.5469 136.875 51.7031 136.969C51.6094 127.781 50.25 121.125 47.625 117C43.5 110.344 37.2188 107.016 28.7812 107.016C23.5312 107.016 18.8906 108.375 14.8594 111.094C12.7031 112.5 10.5469 115.406 8.39062 119.812L3.04688 117.984C3.98438 108.984 7.45312 101.812 13.4531 96.4688C19.5469 91.125 27.2812 88.4531 36.6562 88.4531C40.125 88.4531 44.4375 88.7344 49.5938 89.2969C49.9688 76.0781 51.1875 66.4688 53.25 60.4688C55.3125 54.375 58.7812 48.8438 63.6562 43.875C68.5312 38.8125 77.7656 31.8281 91.3594 22.9219C78.5156 27.1406 67.6406 29.25 58.7344 29.25C53.0156 29.25 45.5156 28.125 36.2344 25.875C30.8906 24.6562 27.0938 24.0469 24.8438 24.0469C20.625 24.0469 17.0625 25.5 14.1562 28.4062C11.25 31.2188 9.32812 36.2812 8.39062 43.5938H3.04688C3.32812 35.0625 4.875 27.9375 7.6875 22.2188C10.5938 16.4062 15 11.7656 20.9062 8.29688C26.8125 4.73438 33.0469 2.95312 39.6094 2.95312C44.4844 2.95312 52.5938 4.35938 63.9375 7.17188C75.2812 9.98438 84.4688 11.3906 91.5 11.3906C96.6562 11.3906 101.625 10.8281 106.406 9.70312C111.281 8.57812 117.656 6.32812 125.531 2.95312L128.344 9C108.094 18.8438 94.5938 28.4531 87.8438 37.8281C81.1875 47.1094 77.8594 59.4844 77.8594 74.9531V132.75C77.8594 145.406 76.4531 155.25 73.6406 162.281C70.8281 169.312 65.1562 177.328 56.625 186.328C73.2188 179.297 84.375 171.75 90.0938 163.688C95.8125 155.625 98.6719 143.766 98.6719 128.109V86.625C98.6719 67.3125 100.359 53.7188 103.734 45.8438C107.109 37.875 113.297 31.0781 122.297 25.4531C131.391 19.7344 151.172 12.2344 181.641 2.95312ZM157.312 16.5938C147.188 21.1875 140.344 25.0781 136.781 28.2656C133.312 31.4531 130.875 35.25 129.469 39.6562C128.156 43.9688 127.5 51.3281 127.5 61.7344V119.391C127.5 129.703 126.562 137.484 124.688 142.734C122.812 147.891 119.203 153 113.859 158.062C108.516 163.031 97.6875 170.297 81.375 179.859C90.1875 178.547 98.3906 177.891 105.984 177.891C118.922 177.891 131.156 179.672 142.688 183.234V66.0938H148.875V102.656C161.812 94.875 171.375 86.9062 177.562 78.75C183.75 70.5 186.844 61.5938 186.844 52.0312C186.844 44.1562 184.406 37.4062 179.531 31.7812C174.75 26.0625 167.344 21 157.312 16.5938ZM148.875 122.906C156.562 125.625 163.5 126.984 169.688 126.984C175.875 126.984 182.812 125.625 190.5 122.906C190.5 116.438 189.047 111.234 186.141 107.297C183.234 103.359 177.75 99.6562 169.688 96.1875C159.469 102.938 152.531 107.297 148.875 109.266V122.906ZM190.5 129.094C182.625 131.812 175.688 133.172 169.688 133.172C163.219 133.172 156.281 131.812 148.875 129.094V154.125C156.094 151.5 162.844 150.188 169.125 150.188C175.219 150.188 182.344 151.5 190.5 154.125V129.094ZM190.5 160.594C181.875 157.5 174.562 155.953 168.562 155.953C162.281 155.953 155.719 157.5 148.875 160.594V185.625C152.906 187.406 156.703 189.422 160.266 191.672C169.828 186.703 179.906 182.812 190.5 180V160.594Z"
stroke="#005A00" stroke-width="4" stroke-dasharray="2541px" stroke-dashoffset="2541px" mask="url(#path-1-outside-1)">
<animate attributeName="stroke-dashoffset" from="2541px" to="0px" dur="5000ms" repeatCount="1" fill="freeze"></animate>
</path>
<animate attributeName="fill" from="transparent" to="#005A00" dur="500ms" repeatCount="1" begin="3200ms" fill="freeze"></animate>
</svg>
</body>
</html>