deco stickers

2 years ago · 9460c2f4ab
parent 4bd0c07c28
commit 9460c2f4ab
8 changed files with 14 additions and 2 deletions
--- a/index.html
+++ b/index.html
@ -29,6 +29,7 @@
 			<li class="info">Welcome</li>
 			<li class="info">Dear friend</li>
 			<li class="info">Online scroller</li>
+			<li class="deco"><img src="./static/svg/deco_catwalking_pink.svg" /></li>
 			<li class="info">Be confident</li>
 			<li class="info">Be ambitious</li>
 			<li class="info">Be ready to fail a lot</li>
@ -49,6 +50,7 @@
 			<li class="info">Critical API</li>
 			<li class="info">Vernacular API</li>
 			<li class="info">Model of distribution</li>
+			<li class="deco"><img src="./static/svg/deco_catwalking_yellow.svg" /></li>
 			<li class="info">Experimental enquiry</li>
 			<li class="info bold">Varia, Rotterdam</li>
 			<li class="info">Event mode from 13.00 to 17.00</li>
@ -60,5 +62,7 @@
 			<li class="info">Event mode</li>
 			<li class="info">Online chat</li>
 		</ul>
+
+		<div class="svg-sources"></div>
 	</body>
 </html>
--- a/static/svg/sticker_deco_api_blue_square.svg
+++ b/static/svg/sticker_deco_api_blue_square.svg
--- a/static/svg/sticker_deco_catwalking_pink_circle.svg
+++ b/static/svg/sticker_deco_catwalking_pink_circle.svg
--- a/static/svg/sticker_deco_catwalking_yellow_circle.svg
+++ b/static/svg/sticker_deco_catwalking_yellow_circle.svg
--- a/static/svg/sticker_deco_cocktail_pink_heart.svg
+++ b/static/svg/sticker_deco_cocktail_pink_heart.svg
--- a/static/svg/sticker_deco_generator_green_hex.svg
+++ b/static/svg/sticker_deco_generator_green_hex.svg
--- a/static/svg/sticker_deco_soup_bubble_orange.svg
+++ b/static/svg/sticker_deco_soup_bubble_orange.svg
--- a/style.css
+++ b/style.css
@ -76,11 +76,19 @@ body {

 .sticker.deco {
 	background: none;
-	min-width: 48px;
-	min-height: 48px;
+	border: none;
+	box-shadow: none;
+	min-width: 128px;
+	min-height: 128 px;
 	padding: 0;
 }

+.sticker.deco object,
+.sticker.deco svg {
+	-webkit-filter: drop-shadow(2px 2px 2px 1px rgba(0, 0, 0, 0.2));
+	filter: drop-shadow(2px 2px 2px 1px rgba(0, 0, 0, 0.2));
+}
+
 li {
 	list-style: none;
 }