Skip to content

Commit bff7706

Browse files
committed
Goober
1 parent 76f1fe2 commit bff7706

File tree

5 files changed

+0
-88
lines changed

5 files changed

+0
-88
lines changed

images/bg.png

-86.3 KB
Binary file not shown.

images/bg_ground.png

-31.4 KB
Binary file not shown.

images/fg.png

-93.6 KB
Binary file not shown.

index.html

-10
Original file line numberDiff line numberDiff line change
@@ -35,16 +35,6 @@
3535
</head>
3636

3737
<body>
38-
<div class="bg">
39-
<div class="bg-lit-container">
40-
<div class="bg-lit"></div>
41-
</div>
42-
<div class="bg-dimmed-container">
43-
<div class="bg-dimmed"></div>
44-
</div>
45-
<div class="clouds"></div>
46-
</div>
47-
4838
<main role="app">
4939
<section id="web" class="visible" role="panel">
5040
<header class="compact">

style/index.css

-78
Original file line numberDiff line numberDiff line change
@@ -64,81 +64,3 @@ html, body {
6464
font-weight: normal;
6565
font-size: 1.6rem;
6666
}
67-
68-
.bg {
69-
position: fixed;
70-
top: 0;
71-
left: 0;
72-
width: 100%;
73-
height: 100%;
74-
background: url(/images/bg.png) no-repeat center bottom 25% / cover;
75-
}
76-
77-
.bg-dimmed-container {
78-
position: fixed;
79-
top: 0;
80-
left: 0;
81-
width: 100%;
82-
height: 100%;
83-
filter: blur(20px);
84-
mask: url(/images/bg_ground.png) no-repeat center bottom 25% / cover;
85-
}
86-
87-
.bg-dimmed {
88-
position: fixed;
89-
top: 50%;
90-
left: 0;
91-
width: 100%;
92-
height: 100%;
93-
background: url(/images/bg.png) no-repeat center bottom 25% / cover fixed;
94-
animation: clouds-mask 15s linear infinite;
95-
/* filter: brightness(75%); */
96-
mask: url(/images/fg.png) center / cover;
97-
}
98-
99-
.bg-lit-container {
100-
position: fixed;
101-
top: 0;
102-
left: 0;
103-
width: 100%;
104-
height: 100%;
105-
mask: url(/images/bg_ground.png) no-repeat center bottom 25% / cover;
106-
}
107-
108-
.bg-lit {
109-
position: fixed;
110-
top: 40%;
111-
left: 0;
112-
width: 100%;
113-
height: 100%;
114-
background: url(/images/bg.png) no-repeat center bottom 25% / cover fixed;
115-
filter: brightness(150%) sepia(0.5);
116-
}
117-
118-
@keyframes clouds-mask {
119-
from {
120-
mask-position: 0;
121-
}
122-
to {
123-
mask-position: 100vw;
124-
}
125-
}
126-
127-
.clouds {
128-
position: fixed;
129-
top: 0;
130-
left: 0;
131-
width: 100%;
132-
height: 100%;
133-
background: url(/images/fg.png) center top 50% / cover;
134-
animation: clouds 15s linear infinite;
135-
}
136-
137-
@keyframes clouds {
138-
from {
139-
background-position-x: 0;
140-
}
141-
to {
142-
background-position-x: 100vw;
143-
}
144-
}

0 commit comments

Comments
 (0)