experiment with wordmark on homepage instead of logo
This commit is contained in:
John Doe
parent
192534a4e0
commit
d084f6e050
|
|
@ -1,9 +1,9 @@
|
|||
<script>
|
||||
import FemtoStarLogo from "./FemtoStarLogo.svelte";
|
||||
import FemtoStarWordmark from "./FemtoStarWordmark.svelte";
|
||||
</script>
|
||||
|
||||
<div class="femtoHeader">
|
||||
<div class="femtoLogotypeContainer"><FemtoStarLogo /><span class="femtoLogotype">FemtoStar</span></div>
|
||||
<div class="femtoLogotypeContainer"><FemtoStarWordmark>FemtoStar</FemtoStarWordmark><!--<span class="femtoLogotype">FemtoStar<img src="../../Wordmark.svg" /></span>--></div>
|
||||
<h2>Satellite communications, done differently.</h2>
|
||||
|
||||
<div class="introText">
|
||||
|
|
@ -33,10 +33,14 @@
|
|||
}
|
||||
|
||||
.femtoLogotypeContainer{
|
||||
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.femtoLogotype{
|
||||
padding-left: 24px;
|
||||
font-weight: 500;
|
||||
font-family: Jost, sans-serif;
|
||||
font-size: 3.0em;
|
||||
|
|
|
|||
32
src/components/FemtoStarWordmark.svelte
Normal file
32
src/components/FemtoStarWordmark.svelte
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<script>
|
||||
export let width = 275;
|
||||
export let height = 50;
|
||||
export let color = "#FFFFFF";
|
||||
export let css_class = "femtostarWordmark"
|
||||
</script>
|
||||
|
||||
<svg
|
||||
{width}
|
||||
{height}
|
||||
viewBox="0 0 275 50"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
class="css_class">
|
||||
<path d="M5.03561 8.11554H26.6266V0.825307H5.03561V8.11554ZM5.03561 27.2352H25.9368V20.1513H5.03561V27.2352ZM0 0.825307V48.9684H8.00179V0.825307H0Z" fill={color}/>
|
||||
<path d="M43.6105 49.6561C47.2895 49.6561 50.4396 48.9454 53.0609 47.5241C55.6822 46.1027 57.8206 43.9706 59.4761 41.1279L53.0609 38.5144C52.0492 40.2109 50.7845 41.4718 49.2669 42.2971C47.7494 43.1224 45.9788 43.5351 43.9554 43.5351C42.0239 43.5351 40.3684 43.1224 38.9888 42.2971C37.6551 41.4718 36.6434 40.2797 35.9536 38.7208C35.2638 37.116 34.9189 35.1674 34.9189 32.8748C34.9649 30.5823 35.3328 28.6566 36.0226 27.0977C36.7124 25.5387 37.7241 24.3466 39.0578 23.5213C40.3914 22.696 42.0009 22.2834 43.8864 22.2834C45.45 22.2834 46.8066 22.6272 47.9563 23.315C49.152 24.0027 50.0717 24.9656 50.7155 26.2036C51.4053 27.4415 51.7502 28.9088 51.7502 30.6052C51.7502 30.9262 51.6583 31.3388 51.4743 31.8432C51.3364 32.3017 51.1984 32.6685 51.0604 32.9436L53.3368 29.7799H31.8148V34.8693H59.683C59.729 34.6859 59.752 34.3879 59.752 33.9752C59.798 33.5626 59.821 33.1729 59.821 32.806C59.821 29.4131 59.1772 26.5245 57.8895 24.1403C56.6479 21.7102 54.8544 19.8533 52.509 18.5695C50.1637 17.2856 47.3125 16.6437 43.9554 16.6437C40.5983 16.6437 37.6781 17.3315 35.1948 18.707C32.7115 20.0367 30.78 21.9395 29.4004 24.4154C28.0668 26.8913 27.4 29.8028 27.4 33.1499C27.4 36.4512 28.0668 39.3397 29.4004 41.8157C30.7341 44.2916 32.6195 46.2173 35.0569 47.5928C37.5402 48.9684 40.3914 49.6561 43.6105 49.6561Z" fill={color}/>
|
||||
<path d="M108.872 28.8858C108.872 26.2724 108.504 24.0486 107.769 22.2146C107.033 20.3806 105.906 19.005 104.389 18.088C102.917 17.1252 101.055 16.6437 98.8012 16.6437C96.6398 16.6437 94.7083 17.1252 93.0068 18.088C91.3512 19.0509 89.9716 20.4493 88.8679 22.2834C88.1781 20.4493 87.0514 19.0509 85.4878 18.088C83.9703 17.1252 82.0388 16.6437 79.6934 16.6437C77.67 16.6437 75.8995 17.1022 74.3819 18.0193C72.9103 18.8904 71.7147 20.1972 70.7949 21.9395V17.3315H63.4829V48.9684H70.7949V29.7111C70.7949 28.1981 71.0478 26.9143 71.5537 25.8597C72.0596 24.8051 72.7724 24.0027 73.6921 23.4525C74.6578 22.9023 75.7845 22.6272 77.0722 22.6272C78.9117 22.6272 80.2453 23.2233 81.0731 24.4154C81.9468 25.5617 82.3837 27.3269 82.3837 29.7111V48.9684H89.8336V29.7111C89.8336 28.1981 90.0866 26.9143 90.5924 25.8597C91.1443 24.8051 91.8801 24.0027 92.7998 23.4525C93.7656 22.9023 94.8692 22.6272 96.1109 22.6272C97.9504 22.6272 99.284 23.2233 100.112 24.4154C100.986 25.5617 101.422 27.3269 101.422 29.7111V48.9684H108.872V28.8858Z" fill={color}/>
|
||||
<path d="M110.521 17.3315V23.8652H128.525V17.3315H110.521ZM115.832 6.32737V48.9684H123.213V6.32737H115.832Z" fill={color}/>
|
||||
<path d="M127.8 33.1499C127.8 36.3595 128.535 39.2251 130.007 41.7469C131.525 44.2228 133.571 46.1715 136.146 47.5928C138.722 48.9684 141.642 49.6561 144.907 49.6561C148.172 49.6561 151.069 48.9684 153.598 47.5928C156.174 46.1715 158.22 44.2228 159.738 41.7469C161.255 39.2251 162.014 36.3595 162.014 33.1499C162.014 29.8945 161.255 27.0289 159.738 24.553C158.22 22.077 156.174 20.1513 153.598 18.7758C151.069 17.3544 148.172 16.6437 144.907 16.6437C141.642 16.6437 138.722 17.3544 136.146 18.7758C133.571 20.1513 131.525 22.077 130.007 24.553C128.535 27.0289 127.8 29.8945 127.8 33.1499ZM135.456 33.1499C135.456 31.1784 135.87 29.436 136.698 27.923C137.526 26.4099 138.653 25.2407 140.078 24.4154C141.504 23.5901 143.113 23.1774 144.907 23.1774C146.654 23.1774 148.241 23.5901 149.667 24.4154C151.138 25.2407 152.288 26.4099 153.116 27.923C153.943 29.436 154.357 31.1784 154.357 33.1499C154.357 35.1215 153.943 36.8638 153.116 38.3769C152.288 39.8441 151.138 41.0133 149.667 41.8845C148.241 42.7098 146.654 43.1224 144.907 43.1224C143.113 43.1224 141.504 42.7098 140.078 41.8845C138.653 41.0133 137.526 39.8441 136.698 38.3769C135.87 36.8638 135.456 35.1215 135.456 33.1499Z" fill={color}/>
|
||||
<path d="M169.428 33.4938L163.358 37.6891C164.415 39.89 165.841 41.9303 167.634 43.8102C169.428 45.69 171.52 47.2031 173.912 48.3494C176.349 49.4498 178.993 50 181.844 50C183.914 50 185.891 49.6561 187.777 48.9684C189.708 48.3265 191.433 47.4094 192.95 46.2173C194.468 44.9794 195.664 43.4663 196.537 41.6781C197.411 39.89 197.848 37.8725 197.848 35.6259C197.848 33.5167 197.48 31.6827 196.744 30.1238C196.055 28.5649 195.112 27.2123 193.916 26.066C192.72 24.8739 191.387 23.8881 189.915 23.1087C188.49 22.3292 187.064 21.6873 185.638 21.1829C183.063 20.2659 180.971 19.3718 179.361 18.5007C177.752 17.6295 176.556 16.7125 175.774 15.7497C175.038 14.7409 174.67 13.6176 174.67 12.3796C174.67 11.0041 175.199 9.81201 176.257 8.8033C177.315 7.74874 178.97 7.22145 181.224 7.22145C182.833 7.22145 184.236 7.54241 185.431 8.18432C186.673 8.78037 187.754 9.60568 188.674 10.6602C189.593 11.669 190.352 12.7694 190.95 13.9615L197.572 10.2476C196.744 8.55112 195.595 6.92343 194.123 5.36451C192.697 3.80559 190.927 2.52178 188.812 1.51306C186.696 0.504355 184.213 0 181.362 0C178.464 0 175.866 0.550206 173.567 1.65062C171.313 2.70518 169.52 4.21825 168.186 6.18982C166.853 8.11554 166.186 10.3622 166.186 12.9298C166.186 15.1765 166.623 17.1022 167.496 18.707C168.37 20.2659 169.474 21.5956 170.808 22.696C172.141 23.7506 173.544 24.6447 175.015 25.3783C176.487 26.066 177.821 26.6162 179.016 27.0289C181.04 27.7625 182.81 28.519 184.328 29.2985C185.891 30.0321 187.11 30.9491 187.984 32.0495C188.858 33.1041 189.294 34.5254 189.294 36.3136C189.294 38.1935 188.605 39.7295 187.225 40.9216C185.845 42.1137 184.052 42.7098 181.844 42.7098C180.005 42.7098 178.349 42.343 176.878 41.6093C175.406 40.8299 174.05 39.7524 172.808 38.3769C171.612 36.9555 170.486 35.3278 169.428 33.4938Z" fill={color}/>
|
||||
<path d="M197.717 17.3315V23.8652H215.721V17.3315H197.717ZM203.029 6.32737V48.9684H210.41V6.32737H203.029Z" fill={color}/>
|
||||
<path d="M241.553 17.3315V48.9684H248.796V17.3315H241.553ZM214.996 33.1499C214.996 36.5887 215.709 39.5461 217.134 42.022C218.56 44.4979 220.445 46.4007 222.791 47.7304C225.182 49.0142 227.734 49.6561 230.447 49.6561C233.115 49.6561 235.437 48.9913 237.415 47.6616C239.438 46.332 241.025 44.4292 242.174 41.9532C243.37 39.4773 243.968 36.5429 243.968 33.1499C243.968 29.7111 243.37 26.7767 242.174 24.3466C241.025 21.8707 239.438 19.9679 237.415 18.6382C235.437 17.3086 233.115 16.6437 230.447 16.6437C227.734 16.6437 225.182 17.3086 222.791 18.6382C220.445 19.9221 218.56 21.8019 217.134 24.2779C215.709 26.7079 214.996 29.6653 214.996 33.1499ZM222.722 33.1499C222.722 31.0408 223.158 29.2297 224.032 27.7166C224.906 26.2036 226.056 25.0573 227.481 24.2779C228.953 23.4984 230.539 23.1087 232.241 23.1087C233.667 23.1087 235.069 23.4984 236.449 24.2779C237.874 25.0573 239.024 26.2036 239.898 27.7166C240.818 29.1839 241.277 30.995 241.277 33.1499C241.277 35.3049 240.818 37.1389 239.898 38.652C239.024 40.1192 237.874 41.2425 236.449 42.022C235.069 42.8015 233.667 43.1912 232.241 43.1912C230.539 43.1912 228.953 42.8015 227.481 42.022C226.056 41.2425 224.906 40.0963 224.032 38.5832C223.158 37.0701 222.722 35.2591 222.722 33.1499Z" fill={color}/>
|
||||
<path d="M261.963 17.3315H254.582V48.9684H261.963V17.3315ZM271.413 25.2407L275 18.9821C274.31 18.111 273.459 17.5149 272.448 17.1939C271.436 16.8271 270.355 16.6437 269.206 16.6437C267.596 16.6437 266.032 17.2169 264.515 18.3631C263.043 19.5094 261.825 21.0683 260.859 23.0399C259.939 24.9656 259.479 27.1894 259.479 29.7111L261.963 31.1554C261.963 29.6424 262.124 28.3356 262.445 27.2352C262.813 26.0889 263.388 25.1949 264.17 24.553C264.952 23.911 265.963 23.5901 267.205 23.5901C268.125 23.5901 268.884 23.7276 269.482 24.0028C270.079 24.2779 270.723 24.6905 271.413 25.2407Z" fill={color}/>
|
||||
<slot />
|
||||
</svg>
|
||||
|
||||
<style>
|
||||
svg{
|
||||
padding-bottom: 20px;
|
||||
font-size: 3.0em;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -115,7 +115,7 @@
|
|||
|
||||
.hero .container {
|
||||
grid-template-columns: auto;
|
||||
grid-template-rows: 480px auto;
|
||||
grid-template-rows: 400px auto;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
11
static/Wordmark.svg
Normal file
11
static/Wordmark.svg
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<svg width="275" height="50" viewBox="0 0 275 50" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.03561 8.11554H26.6266V0.825307H5.03561V8.11554ZM5.03561 27.2352H25.9368V20.1513H5.03561V27.2352ZM0 0.825307V48.9684H8.00179V0.825307H0Z" fill="#00111D"/>
|
||||
<path d="M43.6105 49.6561C47.2895 49.6561 50.4396 48.9454 53.0609 47.5241C55.6822 46.1027 57.8206 43.9706 59.4761 41.1279L53.0609 38.5144C52.0492 40.2109 50.7845 41.4718 49.2669 42.2971C47.7494 43.1224 45.9788 43.5351 43.9554 43.5351C42.0239 43.5351 40.3684 43.1224 38.9888 42.2971C37.6551 41.4718 36.6434 40.2797 35.9536 38.7208C35.2638 37.116 34.9189 35.1674 34.9189 32.8748C34.9649 30.5823 35.3328 28.6566 36.0226 27.0977C36.7124 25.5387 37.7241 24.3466 39.0578 23.5213C40.3914 22.696 42.0009 22.2834 43.8864 22.2834C45.45 22.2834 46.8066 22.6272 47.9563 23.315C49.152 24.0027 50.0717 24.9656 50.7155 26.2036C51.4053 27.4415 51.7502 28.9088 51.7502 30.6052C51.7502 30.9262 51.6583 31.3388 51.4743 31.8432C51.3364 32.3017 51.1984 32.6685 51.0604 32.9436L53.3368 29.7799H31.8148V34.8693H59.683C59.729 34.6859 59.752 34.3879 59.752 33.9752C59.798 33.5626 59.821 33.1729 59.821 32.806C59.821 29.4131 59.1772 26.5245 57.8895 24.1403C56.6479 21.7102 54.8544 19.8533 52.509 18.5695C50.1637 17.2856 47.3125 16.6437 43.9554 16.6437C40.5983 16.6437 37.6781 17.3315 35.1948 18.707C32.7115 20.0367 30.78 21.9395 29.4004 24.4154C28.0668 26.8913 27.4 29.8028 27.4 33.1499C27.4 36.4512 28.0668 39.3397 29.4004 41.8157C30.7341 44.2916 32.6195 46.2173 35.0569 47.5928C37.5402 48.9684 40.3914 49.6561 43.6105 49.6561Z" fill="#00111D"/>
|
||||
<path d="M108.872 28.8858C108.872 26.2724 108.504 24.0486 107.769 22.2146C107.033 20.3806 105.906 19.005 104.389 18.088C102.917 17.1252 101.055 16.6437 98.8012 16.6437C96.6398 16.6437 94.7083 17.1252 93.0068 18.088C91.3512 19.0509 89.9716 20.4493 88.8679 22.2834C88.1781 20.4493 87.0514 19.0509 85.4878 18.088C83.9703 17.1252 82.0388 16.6437 79.6934 16.6437C77.67 16.6437 75.8995 17.1022 74.3819 18.0193C72.9103 18.8904 71.7147 20.1972 70.7949 21.9395V17.3315H63.4829V48.9684H70.7949V29.7111C70.7949 28.1981 71.0478 26.9143 71.5537 25.8597C72.0596 24.8051 72.7724 24.0027 73.6921 23.4525C74.6578 22.9023 75.7845 22.6272 77.0722 22.6272C78.9117 22.6272 80.2453 23.2233 81.0731 24.4154C81.9468 25.5617 82.3837 27.3269 82.3837 29.7111V48.9684H89.8336V29.7111C89.8336 28.1981 90.0866 26.9143 90.5924 25.8597C91.1443 24.8051 91.8801 24.0027 92.7998 23.4525C93.7656 22.9023 94.8692 22.6272 96.1109 22.6272C97.9504 22.6272 99.284 23.2233 100.112 24.4154C100.986 25.5617 101.422 27.3269 101.422 29.7111V48.9684H108.872V28.8858Z" fill="#00111D"/>
|
||||
<path d="M110.521 17.3315V23.8652H128.525V17.3315H110.521ZM115.832 6.32737V48.9684H123.213V6.32737H115.832Z" fill="#00111D"/>
|
||||
<path d="M127.8 33.1499C127.8 36.3595 128.535 39.2251 130.007 41.7469C131.525 44.2228 133.571 46.1715 136.146 47.5928C138.722 48.9684 141.642 49.6561 144.907 49.6561C148.172 49.6561 151.069 48.9684 153.598 47.5928C156.174 46.1715 158.22 44.2228 159.738 41.7469C161.255 39.2251 162.014 36.3595 162.014 33.1499C162.014 29.8945 161.255 27.0289 159.738 24.553C158.22 22.077 156.174 20.1513 153.598 18.7758C151.069 17.3544 148.172 16.6437 144.907 16.6437C141.642 16.6437 138.722 17.3544 136.146 18.7758C133.571 20.1513 131.525 22.077 130.007 24.553C128.535 27.0289 127.8 29.8945 127.8 33.1499ZM135.456 33.1499C135.456 31.1784 135.87 29.436 136.698 27.923C137.526 26.4099 138.653 25.2407 140.078 24.4154C141.504 23.5901 143.113 23.1774 144.907 23.1774C146.654 23.1774 148.241 23.5901 149.667 24.4154C151.138 25.2407 152.288 26.4099 153.116 27.923C153.943 29.436 154.357 31.1784 154.357 33.1499C154.357 35.1215 153.943 36.8638 153.116 38.3769C152.288 39.8441 151.138 41.0133 149.667 41.8845C148.241 42.7098 146.654 43.1224 144.907 43.1224C143.113 43.1224 141.504 42.7098 140.078 41.8845C138.653 41.0133 137.526 39.8441 136.698 38.3769C135.87 36.8638 135.456 35.1215 135.456 33.1499Z" fill="#00111D"/>
|
||||
<path d="M169.428 33.4938L163.358 37.6891C164.415 39.89 165.841 41.9303 167.634 43.8102C169.428 45.69 171.52 47.2031 173.912 48.3494C176.349 49.4498 178.993 50 181.844 50C183.914 50 185.891 49.6561 187.777 48.9684C189.708 48.3265 191.433 47.4094 192.95 46.2173C194.468 44.9794 195.664 43.4663 196.537 41.6781C197.411 39.89 197.848 37.8725 197.848 35.6259C197.848 33.5167 197.48 31.6827 196.744 30.1238C196.055 28.5649 195.112 27.2123 193.916 26.066C192.72 24.8739 191.387 23.8881 189.915 23.1087C188.49 22.3292 187.064 21.6873 185.638 21.1829C183.063 20.2659 180.971 19.3718 179.361 18.5007C177.752 17.6295 176.556 16.7125 175.774 15.7497C175.038 14.7409 174.67 13.6176 174.67 12.3796C174.67 11.0041 175.199 9.81201 176.257 8.8033C177.315 7.74874 178.97 7.22145 181.224 7.22145C182.833 7.22145 184.236 7.54241 185.431 8.18432C186.673 8.78037 187.754 9.60568 188.674 10.6602C189.593 11.669 190.352 12.7694 190.95 13.9615L197.572 10.2476C196.744 8.55112 195.595 6.92343 194.123 5.36451C192.697 3.80559 190.927 2.52178 188.812 1.51306C186.696 0.504355 184.213 0 181.362 0C178.464 0 175.866 0.550206 173.567 1.65062C171.313 2.70518 169.52 4.21825 168.186 6.18982C166.853 8.11554 166.186 10.3622 166.186 12.9298C166.186 15.1765 166.623 17.1022 167.496 18.707C168.37 20.2659 169.474 21.5956 170.808 22.696C172.141 23.7506 173.544 24.6447 175.015 25.3783C176.487 26.066 177.821 26.6162 179.016 27.0289C181.04 27.7625 182.81 28.519 184.328 29.2985C185.891 30.0321 187.11 30.9491 187.984 32.0495C188.858 33.1041 189.294 34.5254 189.294 36.3136C189.294 38.1935 188.605 39.7295 187.225 40.9216C185.845 42.1137 184.052 42.7098 181.844 42.7098C180.005 42.7098 178.349 42.343 176.878 41.6093C175.406 40.8299 174.05 39.7524 172.808 38.3769C171.612 36.9555 170.486 35.3278 169.428 33.4938Z" fill="#00111D"/>
|
||||
<path d="M197.717 17.3315V23.8652H215.721V17.3315H197.717ZM203.029 6.32737V48.9684H210.41V6.32737H203.029Z" fill="#00111D"/>
|
||||
<path d="M241.553 17.3315V48.9684H248.796V17.3315H241.553ZM214.996 33.1499C214.996 36.5887 215.709 39.5461 217.134 42.022C218.56 44.4979 220.445 46.4007 222.791 47.7304C225.182 49.0142 227.734 49.6561 230.447 49.6561C233.115 49.6561 235.437 48.9913 237.415 47.6616C239.438 46.332 241.025 44.4292 242.174 41.9532C243.37 39.4773 243.968 36.5429 243.968 33.1499C243.968 29.7111 243.37 26.7767 242.174 24.3466C241.025 21.8707 239.438 19.9679 237.415 18.6382C235.437 17.3086 233.115 16.6437 230.447 16.6437C227.734 16.6437 225.182 17.3086 222.791 18.6382C220.445 19.9221 218.56 21.8019 217.134 24.2779C215.709 26.7079 214.996 29.6653 214.996 33.1499ZM222.722 33.1499C222.722 31.0408 223.158 29.2297 224.032 27.7166C224.906 26.2036 226.056 25.0573 227.481 24.2779C228.953 23.4984 230.539 23.1087 232.241 23.1087C233.667 23.1087 235.069 23.4984 236.449 24.2779C237.874 25.0573 239.024 26.2036 239.898 27.7166C240.818 29.1839 241.277 30.995 241.277 33.1499C241.277 35.3049 240.818 37.1389 239.898 38.652C239.024 40.1192 237.874 41.2425 236.449 42.022C235.069 42.8015 233.667 43.1912 232.241 43.1912C230.539 43.1912 228.953 42.8015 227.481 42.022C226.056 41.2425 224.906 40.0963 224.032 38.5832C223.158 37.0701 222.722 35.2591 222.722 33.1499Z" fill="#00111D"/>
|
||||
<path d="M261.963 17.3315H254.582V48.9684H261.963V17.3315ZM271.413 25.2407L275 18.9821C274.31 18.111 273.459 17.5149 272.448 17.1939C271.436 16.8271 270.355 16.6437 269.206 16.6437C267.596 16.6437 266.032 17.2169 264.515 18.3631C263.043 19.5094 261.825 21.0683 260.859 23.0399C259.939 24.9656 259.479 27.1894 259.479 29.7111L261.963 31.1554C261.963 29.6424 262.124 28.3356 262.445 27.2352C262.813 26.0889 263.388 25.1949 264.17 24.553C264.952 23.911 265.963 23.5901 267.205 23.5901C268.125 23.5901 268.884 23.7276 269.482 24.0028C270.079 24.2779 270.723 24.6905 271.413 25.2407Z" fill="#00111D"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.5 KiB |
Loading…
Reference in a new issue