organize images better

This commit is contained in:
xenofem 2022-04-30 01:46:21 -04:00
parent f52aa0f08b
commit 14508183ab
11 changed files with 8 additions and 8 deletions

View file

@ -17,6 +17,6 @@ favicon.ico: transbeam-16.png transbeam-32.png transbeam-48.png transbeam-64.png
convert -background transparent $^ $@ convert -background transparent $^ $@
install: icons install: icons
cp $(icons) ../static/ cp $(icons) ../static/images/site-icons/
clean: clean:
rm *.svg *.png *.ico rm *.svg *.png *.ico

View file

Before

Width:  |  Height:  |  Size: 351 B

After

Width:  |  Height:  |  Size: 351 B

View file

Before

Width:  |  Height:  |  Size: 299 B

After

Width:  |  Height:  |  Size: 299 B

View file

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 44 KiB

View file

Before

Width:  |  Height:  |  Size: 139 KiB

After

Width:  |  Height:  |  Size: 139 KiB

View file

Before

Width:  |  Height:  |  Size: 43 KiB

After

Width:  |  Height:  |  Size: 43 KiB

View file

Before

Width:  |  Height:  |  Size: 8.8 KiB

After

Width:  |  Height:  |  Size: 8.8 KiB

View file

@ -4,14 +4,14 @@
<meta charset="utf-8"/> <meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" type="text/css" href="transbeam.css"/> <link rel="stylesheet" type="text/css" href="transbeam.css"/>
<link rel="apple-touch-icon" href="transbeam-apple.png"/> <link rel="apple-touch-icon" href="images/site-icons/transbeam-apple.png"/>
<link rel="manifest" href="manifest.json"/> <link rel="manifest" href="manifest.json"/>
<script src="util.js"></script> <script src="util.js"></script>
<title>transbeam</title> <title>transbeam</title>
</head> </head>
<body> <body>
<div id="header"> <div id="header">
<img src="transbeam.svg" height="128"> <img src="images/site-icons/transbeam.svg" height="128">
<h1>transbeam</h1> <h1>transbeam</h1>
</div> </div>

View file

@ -2,17 +2,17 @@
"name": "transbeam", "name": "transbeam",
"icons": [ "icons": [
{ {
"src": "transbeam.svg", "src": "images/site-icons/transbeam.svg",
"type": "image/svg+xml", "type": "image/svg+xml",
"sizes": "512x512" "sizes": "512x512"
}, },
{ {
"src": "transbeam-192.png", "src": "images/site-icons/transbeam-192.png",
"type": "image/png", "type": "image/png",
"sizes": "192x192" "sizes": "192x192"
}, },
{ {
"src": "transbeam-512.png", "src": "images/site-icons/transbeam-512.png",
"type": "image/png", "type": "image/png",
"sizes": "512x512" "sizes": "512x512"
} }

View file

@ -47,7 +47,7 @@ body {
width: 18px; width: 18px;
height: 18px; height: 18px;
background-color: #333; background-color: #333;
mask-image: url("feather-icons/copy.svg"); mask-image: url("images/feather-icons/copy.svg");
mask-size: contain; mask-size: contain;
mask-repeat: no-repeat; mask-repeat: no-repeat;
} }
@ -87,7 +87,7 @@ td {
td.file_delete { td.file_delete {
background-color: #888; background-color: #888;
mask-image: url("feather-icons/x.svg"); mask-image: url("images/feather-icons/x.svg");
mask-size: contain; mask-size: contain;
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-position: center; mask-position: center;