kopia lustrzana https://github.com/snarfed/bridgy-fed
front page redesign: progressive enhancement for no-JS
rodzic
4e777db3d9
commit
e84f1b0e8c
|
@ -113,13 +113,6 @@ pre .value, code .value, code.value {
|
||||||
box-shadow: 0 0 .5em 1.5em var(--fg);
|
box-shadow: 0 0 .5em 1.5em var(--fg);
|
||||||
}
|
}
|
||||||
|
|
||||||
#front-form {
|
|
||||||
margin-bottom: 0;
|
|
||||||
padding-bottom: 2em;
|
|
||||||
background-color: transparent; /* topology animation is behind */
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.text-outline {
|
.text-outline {
|
||||||
text-shadow: -2px -2px 0 var(--bg), 2px -2px 0 var(--bg), -2px 2px 0 var(--bg), 2px 2px 0 var(--bg);
|
text-shadow: -2px -2px 0 var(--bg), 2px -2px 0 var(--bg), -2px 2px 0 var(--bg), 2px 2px 0 var(--bg);
|
||||||
/* this is easier and supported in major browsers but draws the outline *inside*
|
/* this is easier and supported in major browsers but draws the outline *inside*
|
||||||
|
|
|
@ -166,6 +166,10 @@ let sketch = function(p) {
|
||||||
|
|
||||||
let myQ5Sketch = new p5(sketch, document.getElementById('topology'));
|
let myQ5Sketch = new p5(sketch, document.getElementById('topology'));
|
||||||
|
|
||||||
|
// canvas is behind #front-form
|
||||||
|
const frontForm = document.getElementById('front-form');
|
||||||
|
frontForm.style.backgroundColor = 'transparent';
|
||||||
|
frontForm.style.boxShadow = 'none';
|
||||||
|
|
||||||
// tried setting this inside the sketch with p.windowResized = ...
|
// tried setting this inside the sketch with p.windowResized = ...
|
||||||
// but that didn't work.
|
// but that didn't work.
|
||||||
|
|
|
@ -6,7 +6,7 @@
|
||||||
<script src="/static/bootstrap.min.js"></script>
|
<script src="/static/bootstrap.min.js"></script>
|
||||||
<script src="/static/index.js"></script>
|
<script src="/static/index.js"></script>
|
||||||
|
|
||||||
<div id="front-form" class="front-dark">
|
<div id="front-form" class="row front-dark">
|
||||||
<div id="topology" style="position: absolute; top: 0; left: 0"></div>
|
<div id="topology" style="position: absolute; top: 0; left: 0"></div>
|
||||||
|
|
||||||
<div id="front-tagline" class="row bigger">
|
<div id="front-tagline" class="row bigger">
|
||||||
|
|
Ładowanie…
Reference in New Issue