initial commit

This commit is contained in:
Michael Becker 2023-10-31 19:45:48 -04:00
parent 342aebafda
commit 8812a78a36
16 changed files with 56 additions and 0 deletions

BIN
site/images/almanac/F0001.jpg Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 134 KiB

BIN
site/images/almanac/F0023.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 231 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 234 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 304 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 163 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 439 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 MiB

30
site/index.html Normal file
View 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">&nbsp;</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">&nbsp;</div>
</div>
<div style="display: flex; flex-grow: 1; margin-left: auto; margin-right: auto; align-items: flex-end;">
<div class="candle3">&nbsp;</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">&nbsp;</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
View 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;
}