move svg icons to assets folder
1
packages/website/assets/discord.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 245 240"><path fill="#FFF" d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zm36.5 0c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z"/><path fill="#FFF" d="M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"/></svg>
|
After Width: | Height: | Size: 1.0 KiB |
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
1
packages/website/assets/github.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="#FFF" d="M320 7.9C143.3 7.9 0 151.17 0 327.9c0 141.39 91.68 261.33 218.85 303.65 16 2.93 21.84-6.95 21.84-15.43 0-7.59-.27-27.72-.43-54.42-89 19.34-107.8-42.9-107.8-42.9-14.55-36.96-35.52-46.8-35.52-46.8-29.06-19.85 2.19-19.45 2.19-19.45 32.12 2.26 49 33 49 33 28.54 48.9 74.89 34.78 93.13 26.59 2.9-20.68 11.17-34.78 20.31-42.78-71-8.08-145.76-35.53-145.76-158.16 0-34.93 12.47-63.5 32.94-85.86-3.29-8.1-14.27-40.64 3.14-84.69 0 0 26.87-8.61 88 32.8a303.32 303.32 0 0 1 160.22 0C461.22 132 488 140.62 488 140.62c17.46 44 6.48 76.59 3.19 84.69 20.51 22.36 32.89 50.93 32.89 85.86 0 122.93-74.82 150-146.11 157.91 11.49 9.88 21.73 29.41 21.73 59.26 0 42.78-.39 77.29-.39 87.78 0 8.56 5.76 18.52 22 15.39C548.4 589.11 640 469.25 640 327.92 640 151.17 496.71 7.9 320 7.9z"/></svg>
|
After Width: | Height: | Size: 851 B |
Before Width: | Height: | Size: 19 KiB After Width: | Height: | Size: 19 KiB |
1
packages/website/assets/logo-small.svg
Normal file
@ -0,0 +1 @@
|
||||
<svg viewBox="0 0 154 60" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.41421"><g fill="#fe7520"><path d="M134.156 58.027h-31.954l-5.021-5.223V18.555l5.021-5.223h31.954l5.02 5.223v6.132h-27.905v6.648h19.68v8.689h-19.68v6.648h27.905v6.132l-5.02 5.223zM15.711 58.027H6.638l-5.021-5.223V18.555l5.021-5.223h31.953l5.021 5.223v6.132H15.706v6.679h19.681v8.69h-19.68l.004 17.971zM85.662 58.027H53.708l-5.02-5.223V18.555l5.02-5.223h23.601l5.02 5.223v6.132h-.003v6.639l8.357 8.737v12.741l-5.021 5.223zM75.266 40.024H62.777v6.648H79.71l.001-2.023-4.445-4.625zm-3.749-15.337h-8.74v6.648h8.74v-6.648zM146.876 46.672l5.406 5.228v6.127h-11.741V46.672h6.335zM49.843 14.755h-7.645l-4.479-4.48 8.302-8.302 8.302 8.302-4.48 4.48z"/><path d="M89.311 36.143l-5.406-5.406v-6.335h11.741v11.741h-6.335z"/></g></svg>
|
After Width: | Height: | Size: 866 B |
Before Width: | Height: | Size: 487 KiB After Width: | Height: | Size: 487 KiB |
@ -13,7 +13,7 @@
|
||||
|
||||
<title>Factorio Blueprint Editor</title>
|
||||
|
||||
<link rel="icon" href="$import('assets/favicon.png')" />
|
||||
<link rel="icon" href="$import('../assets/favicon.png')" />
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet" />
|
||||
<link href="https://fonts.googleapis.com/css?family=Cookie" rel="stylesheet" />
|
||||
$css
|
||||
@ -21,24 +21,21 @@
|
||||
|
||||
<body oncontextmenu="return false;">
|
||||
<div id="loadingScreen" class="active">
|
||||
<img id="logo" src="$import('assets/logo.svg')" />
|
||||
<img class="loadingWheel" src="$import('assets/loadingWheel.svg')" />
|
||||
<img id="logo" src="$import('../assets/logo.svg')" />
|
||||
<img class="loadingWheel" src="$import('../assets/loadingWheel.svg')" />
|
||||
</div>
|
||||
<div id="corner-panel">
|
||||
<!-- prettier-ignore -->
|
||||
<svg viewBox="0 0 154 60" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.41421"><g fill="#fe7520"><path d="M134.156 58.027h-31.954l-5.021-5.223V18.555l5.021-5.223h31.954l5.02 5.223v6.132h-27.905v6.648h19.68v8.689h-19.68v6.648h27.905v6.132l-5.02 5.223zM15.711 58.027H6.638l-5.021-5.223V18.555l5.021-5.223h31.953l5.021 5.223v6.132H15.706v6.679h19.681v8.69h-19.68l.004 17.971zM85.662 58.027H53.708l-5.02-5.223V18.555l5.02-5.223h23.601l5.02 5.223v6.132h-.003v6.639l8.357 8.737v12.741l-5.021 5.223zM75.266 40.024H62.777v6.648H79.71l.001-2.023-4.445-4.625zm-3.749-15.337h-8.74v6.648h8.74v-6.648zM146.876 46.672l5.406 5.228v6.127h-11.741V46.672h6.335zM49.843 14.755h-7.645l-4.479-4.48 8.302-8.302 8.302 8.302-4.48 4.48z"/><path d="M89.311 36.143l-5.406-5.406v-6.335h11.741v11.741h-6.335z"/></g></svg>
|
||||
<img src="$import('../assets/logo-small.svg')" />
|
||||
<span>Press I for info</span>
|
||||
</div>
|
||||
<div id="buttons">
|
||||
<a class="discord-button" target="_blank" href="https://discord.gg/c5eXyBU">
|
||||
<span>Community</span>
|
||||
<!-- prettier-ignore -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 245 240"><path fill="#FFF" d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zm36.5 0c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z"/><path fill="#FFF" d="M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"/></svg>
|
||||
<span>Discord</span>
|
||||
<img src="$import('../assets/discord.svg')" />
|
||||
</a>
|
||||
<a class="github-button" target="_blank" href="https://github.com/Teoxoy/factorio-blueprint-editor">
|
||||
<span>Source</span>
|
||||
<!-- prettier-ignore -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><path fill="#181616" d="M320 7.9C143.3 7.9 0 151.17 0 327.9c0 141.39 91.68 261.33 218.85 303.65 16 2.93 21.84-6.95 21.84-15.43 0-7.59-.27-27.72-.43-54.42-89 19.34-107.8-42.9-107.8-42.9-14.55-36.96-35.52-46.8-35.52-46.8-29.06-19.85 2.19-19.45 2.19-19.45 32.12 2.26 49 33 49 33 28.54 48.9 74.89 34.78 93.13 26.59 2.9-20.68 11.17-34.78 20.31-42.78-71-8.08-145.76-35.53-145.76-158.16 0-34.93 12.47-63.5 32.94-85.86-3.29-8.1-14.27-40.64 3.14-84.69 0 0 26.87-8.61 88 32.8a303.32 303.32 0 0 1 160.22 0C461.22 132 488 140.62 488 140.62c17.46 44 6.48 76.59 3.19 84.69 20.51 22.36 32.89 50.93 32.89 85.86 0 122.93-74.82 150-146.11 157.91 11.49 9.88 21.73 29.41 21.73 59.26 0 42.78-.39 77.29-.39 87.78 0 8.56 5.76 18.52 22 15.39C548.4 589.11 640 469.25 640 327.92 640 151.17 496.71 7.9 320 7.9z"/></svg>
|
||||
<span>Github</span>
|
||||
<img src="$import('../assets/github.svg')" />
|
||||
</a>
|
||||
</div>
|
||||
<div id="info-panel">
|
||||
|
@ -88,7 +88,7 @@ html
|
||||
.c select
|
||||
width: 100%
|
||||
|
||||
canvas
|
||||
#editor
|
||||
position: fixed
|
||||
|
||||
#doorbell
|
||||
@ -153,7 +153,7 @@ canvas
|
||||
position: absolute
|
||||
margin-left: 25px
|
||||
|
||||
svg
|
||||
img
|
||||
position: absolute
|
||||
top: 0
|
||||
left: 17px
|
||||
@ -169,15 +169,15 @@ canvas
|
||||
transform: translateX(0)
|
||||
|
||||
.discord-button
|
||||
width: 125px
|
||||
width: 115px
|
||||
border-left: 5px solid #7289DA
|
||||
background-color: #7289DA
|
||||
|
||||
.github-button
|
||||
width: 105px
|
||||
border-left: 5px solid #888888
|
||||
background-color: #888888
|
||||
svg
|
||||
border-left: 5px solid #31383f
|
||||
background-color: #31383f
|
||||
img
|
||||
width: 20px
|
||||
|
||||
.doorbell-button
|
||||
|