diff --git a/Main.html b/Main.html new file mode 100644 index 0000000..f8bb003 --- /dev/null +++ b/Main.html @@ -0,0 +1,41 @@ + + + + + Dalm's Art Zone! + + + + + + + + +

Dalm Zone

+ +
+ + +

REMAIN CONTENT.

+ +
+ + + + + + + \ No newline at end of file diff --git a/images/3d iww logo.gif b/images/3d iww logo.gif new file mode 100644 index 0000000..1e546cd Binary files /dev/null and b/images/3d iww logo.gif differ diff --git a/images/islandbg.png b/images/islandbg.png new file mode 100644 index 0000000..cf887d6 Binary files /dev/null and b/images/islandbg.png differ diff --git a/images/islandclouds.png b/images/islandclouds.png new file mode 100644 index 0000000..8893069 Binary files /dev/null and b/images/islandclouds.png differ diff --git a/images/islandfgclouds.png b/images/islandfgclouds.png new file mode 100644 index 0000000..93aef0c Binary files /dev/null and b/images/islandfgclouds.png differ diff --git a/images/islandskull.png b/images/islandskull.png new file mode 100644 index 0000000..0c9d016 Binary files /dev/null and b/images/islandskull.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..658dba5 --- /dev/null +++ b/index.html @@ -0,0 +1,26 @@ + + + + WELCOME TO DALMATIONER.ART + + + + + + + + +
+
+ clouds + skull + more +

Welcome to Dalmationer.Art.

+

ENTER→

+ +
+
+ + + + \ No newline at end of file diff --git a/landingstyles.css b/landingstyles.css new file mode 100644 index 0000000..5022d5a --- /dev/null +++ b/landingstyles.css @@ -0,0 +1,91 @@ + +body{ + background-color:black; + height: 100%; + margin: 0; +} + +html{ + height: 100%; + margin: 0; +} + +img{ + image-rendering: "pixelated"; +} + +#bg-image-container{ + background-image: url("./images/islandbg.png"); + /* Full height */ + height: 100%; + + /* Center and scale the image nicely */ + background-position: center; + background-repeat: no-repeat; + background-size: cover; + overflow: hidden +} + +#bg-clouds-container{ + height: 100%; + position: relative; +} + +#bg-clouds{ + justify-content: center; + height: 100%; + animation-name: "cloudloop"; + animation-duration: 60s; + animation-iteration-count: infinite; + animation-timing-function: linear; + position: absolute; + left: 0%; + top: 0px; + z-index: 0; +} + +#skull{ + height: 100%; + position: absolute; + left: 50%; + transform: translateX(-50%); + z-index: 1; +} + +#fg-clouds{ + justify-content: center; + height: 100%; + position: absolute; + left: 50%; + transform: translateX(-80%); + z-index: 2; + animation-name: "cloudloop2"; + animation-duration: 40s; + animation-iteration-count: infinite; + animation-timing-function: linear; + position: "absolute"; +} + +#welcome-container{ + position: absolute; + color: coral; + margin-top: 10%; + margin-left: 50%; + margin-right:15%; + border: coral 1px solid; + padding-left: 1%; + padding-right: 1%; + z-index: 3; + font-size: 100%; + +} + +@keyframes cloudloop{ + 0% {transform: translate(120%);} + 100% {transform: translate(-120%);} +} + +@keyframes cloudloop2{ + 0% {transform: translate(-140%);} + 100% {transform: translate(140%);} +} \ No newline at end of file diff --git a/mainstyles.css b/mainstyles.css new file mode 100644 index 0000000..71bb651 --- /dev/null +++ b/mainstyles.css @@ -0,0 +1,111 @@ + +a{ + color: #1775BB; + text-shadow: 0 0 10px white; +} + +#navbutton{ + border: 4px 2px 2px 4px; + border-color: #181917; + border-style: double solid solid double ; + border-radius: 10px; + font-size: large; + text-align: center; + margin-left: 5%; + margin-right: 5%; + margin-top: 10px; + font-weight: bold; + background: #EFFF96; +} + +#navbutton:hover{ + background: #FEFFCC; +} + + +body{ + background-color: #1E3B27; + color: 181917; + font-family: Georgia, 'Times New Roman', Times, serif; +} + + +#content-container{ + display: flex; + flex-direction: row; + align-items:top; + margin-top: 10px; + margin-left: 10%; + margin-right: 10%; + height: 100%; + margin-bottom: 10px; +} + +#content-header{ + border: 4px 2px 2px 4px; + border-color: #181917; + border-style: double solid solid double ; + text-align: center; + margin-left: 10%; + margin-right: 10%; + padding-left: 2px; + padding-right: 2px; + margin-top: 2px; + background-color: #B3EB79; +} + +#sidebar{ + border: 4px 2px 2px 4px; + border-color: #181917; + border-style: double solid solid double ; + position: -webkit-sticky; /* Safari */ + position: sticky; + flex: 20%; + margin-right: 5px; + padding-left: 2px; + padding-right: 2px; + background-color: #B3EB79; +} + +#main-content{ + border: 4px 2px 2px 4px; + border-color: #181917; + border-style: double solid solid double ; + flex: 80%; + margin-left: 5px; + padding-left: 2px; + padding-right: 2px; + background-color: #B3EB79; +} + + +footer{ + border: 4px 2px 2px 4px; + border-color: #181917; + border-style: double solid solid double ; + text-align: center; + margin-left: 10%; + margin-right: 10%; + padding-left: 2px; + padding-right: 2px; + margin-top: 2px; + background-color: #B3EB79; +} + +.logo{ + display: block; + margin-left: auto; + margin-right: auto; + width: 50%; + max-width: 184px; + -ms-interpolation-mode:nearest-neighbor; + /*IE 7-11*/ + image-rendering: -o-crisp-edges; + /*Opera 12*/ + image-rendering: -webkit-crisp-edges; + /*Safari 6-9*/ + image-rendering:-moz-crisp-edges; + /*Firefox 3.6-64*/ + + +} \ No newline at end of file