andras/sdf-2d-demo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Minor changes

Browse source
This commit is contained in:
schmelczerandras 2020-10-19 19:53:51 +02:00
parent 9062ae04a3
commit 49ea5f3e86
3 changed files with 19 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/index.html
View file

@ -4,10 +4,14 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>SDF-2D demo</title> <title>SDF-2D demo</title>
<meta property="og:image:width" content="1956" />
<meta property="og:image:height" content="937" />
<meta property="og:url" content="https://sdf2d.schmelczer.dev" /> <meta property="og:url" content="https://sdf2d.schmelczer.dev" />
<meta property="og:image" content="https://sdf2d.schmelczer.dev/og-image.png" /> <meta property="og:image" content="https://sdf2d.schmelczer.dev/og-image.png" />
<meta property="og:image:width" content="1607" />
<meta property="og:image:height" content="880" />
<meta
property="og:image:alt"
content="Merging vibrant red blobs lit from below by two flashlights."
/>
<meta name="theme-color" content="#103783" /> <meta name="theme-color" content="#103783" />
<meta <meta
name="description" name="description"
@ -18,10 +22,16 @@
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" /> <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" /> <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0,
user-scalable=0"
/>
</head> </head>
<body> <body>
<noscript>Javascript is required for this website.</noscript> <noscript>
<h1>Javascript is required for this website.</h1>
</noscript>
<a id="info" href="https://github.com/schmelczerandras/sdf-2d" target="_BLANK"> <a id="info" href="https://github.com/schmelczerandras/sdf-2d" target="_BLANK">
<p>SDF-2D</p> <p>SDF-2D</p>

7
src/styles/mixins.scss
View file

@ -1,9 +1,12 @@
@mixin card { @mixin card {
backdrop-filter: blur(16px);
background-color: rgba(0, 0, 0, 0.15);
border: 2px solid white; border: 2px solid white;
border-radius: 12px; border-radius: 12px;
backdrop-filter: blur(24px);
@supports not (backdrop-filter: blur(24px)) {
background-color: rgba(0, 0, 0, 0.15);
}
&:focus { &:focus {
outline: none; outline: none;
border: 4px solid white; border: 4px solid white;

BIN
static/og-image.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 426 KiB

After

Width:  |  Height:  |  Size: 615 KiB

Before After
Before After