initial commit
BIN
site/images/almanac/F0001.jpg
Executable file
|
After Width: | Height: | Size: 43 KiB |
BIN
site/images/almanac/F0002.png
Normal file
|
After Width: | Height: | Size: 134 KiB |
BIN
site/images/almanac/F0023.png
Executable file
|
After Width: | Height: | Size: 5.2 MiB |
BIN
site/images/almanac/F0041.png
Normal file
|
After Width: | Height: | Size: 2.1 MiB |
BIN
site/images/almanac/I0300.png
Normal file
|
After Width: | Height: | Size: 231 KiB |
BIN
site/images/almanac/I0350.png
Normal file
|
After Width: | Height: | Size: 234 KiB |
BIN
site/images/static/border2.png
Normal file
|
After Width: | Height: | Size: 9.3 KiB |
BIN
site/images/static/border3.png
Normal file
|
After Width: | Height: | Size: 12 KiB |
BIN
site/images/static/candle1.webp
Normal file
|
After Width: | Height: | Size: 43 KiB |
BIN
site/images/static/candle2.gif
Normal file
|
After Width: | Height: | Size: 304 KiB |
BIN
site/images/static/candle3.gif
Normal file
|
After Width: | Height: | Size: 1.3 MiB |
BIN
site/images/static/frame-top-left.png
Normal file
|
After Width: | Height: | Size: 163 KiB |
BIN
site/images/static/frame-top.png
Normal file
|
After Width: | Height: | Size: 439 KiB |
BIN
site/images/static/frame.png
Normal file
|
After Width: | Height: | Size: 7.4 MiB |
30
site/index.html
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
<head>
|
||||||
|
<title>Azcona-Becker Family - Dia de los Muertos 2023</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="style/main.css" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div style="display: flex; flex-direction: column; flex-grow: 1; padding-top: 80px;">
|
||||||
|
|
||||||
|
<div style="display: flex; flex-grow: 1; margin-left: auto; margin-right: auto; width: 80%; margin-bottom: -200px;">
|
||||||
|
<div class="candle2"> </div>
|
||||||
|
<img class="ofrenda-frame" src="images/almanac/F0001.jpg" style="width: 300px;" />
|
||||||
|
<div style="width: 300px;"></div>
|
||||||
|
<img class="ofrenda-frame" src="images/almanac/F0002.png" style="width: 300px;" />
|
||||||
|
<div class="candle2"> </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div style="display: flex; flex-grow: 1; margin-left: auto; margin-right: auto; align-items: flex-end;">
|
||||||
|
<div class="candle3"> </div>
|
||||||
|
<img class="ofrenda-frame" src="images/almanac/F0023.png" style="width: 300px;" />
|
||||||
|
<img class="ofrenda-frame border3" src="images/almanac/I0300.png" style="width: 300px;" />
|
||||||
|
<img class="ofrenda-frame border3" src="images/almanac/I0350.png" style="width: 300px;" />
|
||||||
|
<img class="ofrenda-frame" src="images/almanac/F0041.png" style="width: 300px;" />
|
||||||
|
<div class="candle3"> </div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div style="padding-top: 24px; color: #cccccc; text-align: center; font-size: 3em;"> Feliz Dia de los Muertos 2023 </div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
26
site/style/main.css
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
body
|
||||||
|
{
|
||||||
|
background-color: #000000;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
div.candle2
|
||||||
|
{
|
||||||
|
display: inline-block;
|
||||||
|
background-size: cover;
|
||||||
|
background-image: url('../images/static/candle2.gif');
|
||||||
|
width: 300px;
|
||||||
|
height: 200px;
|
||||||
|
}
|
||||||
|
.ofrenda-frame
|
||||||
|
{
|
||||||
|
border: 30px solid;
|
||||||
|
border-image: url('../images/static/border2.png') 20 20 stretch;
|
||||||
|
margin: 16px;
|
||||||
|
box-shadow: 10px -20px 20px #000000;
|
||||||
|
}
|
||||||
|
.ofrenda-frame.border3
|
||||||
|
{
|
||||||
|
border-image: url('../images/static/border3.png') 20 20 stretch;
|
||||||
|
}
|
||||||