commit c110336ab152aee6d6234472e1a70c6fea5912d1 Author: Imbus Date: Tue Oct 31 23:13:54 2023 +0100 Initial diff --git a/index.htm b/index.htm new file mode 100644 index 0000000..1eb2df8 --- /dev/null +++ b/index.htm @@ -0,0 +1,42 @@ + + +TC Automotives + + + + + +
+ +
+ +
+
+ ASDadsasddas +
+
+ +
+
+ + \ No newline at end of file diff --git a/resources/Evogria.otf b/resources/Evogria.otf new file mode 100644 index 0000000..f8f09f7 Binary files /dev/null and b/resources/Evogria.otf differ diff --git a/resources/FerroRosso.ttf b/resources/FerroRosso.ttf new file mode 100644 index 0000000..c91f12d Binary files /dev/null and b/resources/FerroRosso.ttf differ diff --git a/resources/background.png b/resources/background.png new file mode 100644 index 0000000..dbf9782 Binary files /dev/null and b/resources/background.png differ diff --git a/resources/car.png b/resources/car.png new file mode 100644 index 0000000..f8c07e8 Binary files /dev/null and b/resources/car.png differ diff --git a/resources/carbonbg.jpg b/resources/carbonbg.jpg new file mode 100644 index 0000000..6a3254a Binary files /dev/null and b/resources/carbonbg.jpg differ diff --git a/resources/cogs.png b/resources/cogs.png new file mode 100644 index 0000000..ced2038 Binary files /dev/null and b/resources/cogs.png differ diff --git a/resources/eagle.png b/resources/eagle.png new file mode 100644 index 0000000..6befb89 Binary files /dev/null and b/resources/eagle.png differ diff --git a/resources/eagle2.png b/resources/eagle2.png new file mode 100644 index 0000000..b955d52 Binary files /dev/null and b/resources/eagle2.png differ diff --git a/resources/eagleover.png b/resources/eagleover.png new file mode 100644 index 0000000..9cefdd3 Binary files /dev/null and b/resources/eagleover.png differ diff --git a/resources/flag.png b/resources/flag.png new file mode 100644 index 0000000..dccc8ae Binary files /dev/null and b/resources/flag.png differ diff --git a/resources/grov.ttf b/resources/grov.ttf new file mode 100644 index 0000000..0722102 Binary files /dev/null and b/resources/grov.ttf differ diff --git a/resources/headlights.png b/resources/headlights.png new file mode 100644 index 0000000..3e0fc5c Binary files /dev/null and b/resources/headlights.png differ diff --git a/resources/lambobg.png b/resources/lambobg.png new file mode 100644 index 0000000..f5bc4da Binary files /dev/null and b/resources/lambobg.png differ diff --git a/resources/linkbg.png b/resources/linkbg.png new file mode 100644 index 0000000..bd33c3e Binary files /dev/null and b/resources/linkbg.png differ diff --git a/resources/linkbg2.png b/resources/linkbg2.png new file mode 100644 index 0000000..4a585eb Binary files /dev/null and b/resources/linkbg2.png differ diff --git a/resources/logo.png b/resources/logo.png new file mode 100644 index 0000000..777b25e Binary files /dev/null and b/resources/logo.png differ diff --git a/resources/race.ttf b/resources/race.ttf new file mode 100644 index 0000000..e320e6f Binary files /dev/null and b/resources/race.ttf differ diff --git a/resources/senna.png b/resources/senna.png new file mode 100644 index 0000000..0036311 Binary files /dev/null and b/resources/senna.png differ diff --git a/resources/sketch.png b/resources/sketch.png new file mode 100644 index 0000000..c4122c3 Binary files /dev/null and b/resources/sketch.png differ diff --git a/resources/style.ttf b/resources/style.ttf new file mode 100644 index 0000000..c81d177 Binary files /dev/null and b/resources/style.ttf differ diff --git a/resources/track.png b/resources/track.png new file mode 100644 index 0000000..8b3d847 Binary files /dev/null and b/resources/track.png differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..a6da2c2 --- /dev/null +++ b/style.css @@ -0,0 +1,212 @@ +body{ +background-color:#000000; +margin:0; +background-image:url("resources/carcbonbg.jpg"); +} + +@font-face { + font-family: race; + src: url(resources/evogria.otf); +} + +#menu { +position:fixed; +height:100%; +vertical-align:center; +width:15%;--300px; +left:0; +border-right:1px solid black; +background: rgb(160,0,0); +background: -moz-linear-gradient(left, rgba(160,0,0,1) 0%, rgba(181,0,0,1) 63%, rgba(160,0,0,1) 100%); +background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(160,0,0,1)), color-stop(63%,rgba(181,0,0,1)), color-stop(100%,rgba(160,0,0,1))); +background: -webkit-linear-gradient(left, rgba(160,0,0,1) 0%,rgba(181,0,0,1) 63%,rgba(160,0,0,1) 100%); +background: -o-linear-gradient(left, rgba(160,0,0,1) 0%,rgba(181,0,0,1) 63%,rgba(160,0,0,1) 100%); +background: -ms-linear-gradient(left, rgba(160,0,0,1) 0%,rgba(181,0,0,1) 63%,rgba(160,0,0,1) 100%); +background: linear-gradient(to right, rgba(160,0,0,1) 0%,rgba(181,0,0,1) 63%,rgba(160,0,0,1) 100%); +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a00000', endColorstr='#a00000',GradientType=1 ); + +} + +#buttonholder { + position: relative; + top: 45%; + transform: translateY(-40%); + height:auto; + width:auto; +} +.button { +width:100%; +height:5%; +text-align:center; +background: #353535; +background: -moz-linear-gradient(top, #353535 0%, #383838 1%, #363636 36%, #363636 73%, #343434 99%, #353535 99%, #353535 100%); +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#353535), color-stop(1%,#383838), color-stop(36%,#363636), color-stop(73%,#363636), color-stop(99%,#343434), color-stop(99%,#353535), color-stop(100%,#353535)); +background: -webkit-linear-gradient(top, #353535 0%,#383838 1%,#363636 36%,#363636 73%,#343434 99%,#353535 99%,#353535 100%); +background: -o-linear-gradient(top, #353535 0%,#383838 1%,#363636 36%,#363636 73%,#343434 99%,#353535 99%,#353535 100%); +background: -ms-linear-gradient(top, #353535 0%,#383838 1%,#363636 36%,#363636 73%,#343434 99%,#353535 99%,#353535 100%); +background: linear-gradient(to bottom, #353535 0%,#383838 1%,#363636 36%,#363636 73%,#343434 99%,#353535 99%,#353535 100%); +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#353535',GradientType=0 ); + + -webkit-transition: all 500ms ease-out; + -moz-transition: all 500ms ease-out; + -o-transition: all 500ms ease-out; + transition: all 500ms ease-out; + transition-delay: all 500ms; + border-top:2px solid #363636; + border-bottom:2px solid #363636; +font-color:000000; +font-family:race; +font-size:250%; +text-shadow: 1px 1px #606060; +-box-shadow:inset 0 0 100px #000000; +cursor: pointer; cursor: hand; +-webkit-user-select: none; /* Chrome/Safari */ +-moz-user-select: none; /* Firefox */ +-ms-user-select: none; /* IE10+ */ +background-repeat:no-repeat; +background-size:100%; +margin-bottom:-2; +overflow: hidden; +} +.button:hover { +height:20%; +box-shadow:inset 0 0 100px #000000; +text-shadow: none; +font-color:f2f2f2; +-background-image:url("resources/linkbg.png"); +} + +#eagle { +position:absolute; +top:3%; +left:0%; +width:100%; +height:18%; +background-image:url("resources/eagle2.png"); +background-repeat: no-repeat; +-background-attachment: fixed; +background-size:50%; +background-position:45% 30%; + -webkit-transition: all 1s ease-out; + -moz-transition: all 1s ease-out; + -o-transition: all 1s ease-out; + transition: all 1s ease-out; + cursor: pointer; cursor: hand; +} +#eagle:hover { +background-image:url('resources/eagleover.png'); +} + +#senna { +position:absolute; +bottom:0px; +left:0px; +width:100%; +height:18%; +background-image:url("resources/senna.png"); +background-repeat: no-repeat; +-background-attachment: fixed; +background-size:80%; +background-position:50% 70%; +} + +.bottombox { +position:absolute; +bottom:0px; +width:100%; +height:100%; +} + +.bs { +position:absolute; +bottom:0px; +} + +#bar { +position:absolute; +height:0px; +background:#ffffff; +width:100%; +top:0px; + -webkit-transition: all 1s ease-out; + -moz-transition: all 1s ease-out; + -o-transition: all 1s ease-out; + transition: all 1s ease-out; +opacity:50%; +} +#bar:hover { +-height:100%; +} + +#bar2 { +position:absolute; +width:0px; +height:100%; +background:#ffffff; +left:0px; +-webkit-transition: all 2s ease-out; + -moz-transition: all 2s ease-out; + -o-transition: all 2s ease-out; + transition: all 2s ease-out; +opacity:50%; +} +#bar2:hover { +width:100%; +} + +#wrapper2 { +position:fixed; +width: -moz-calc(100% - 300px); +width: -webkit-calc(100% - 300px); +width: -o-calc(100% - 300px); +width: calc(100% - 300px); +height:100%; +left:300; +background:url("resources/flag.png"); +background-size:50%; +background-repeat: no-repeat; +background-attachment: fixed; +background-position:right bottom; +} + +#wrapper { +position:absolute; +width:85%; +height:100%; +left:15%; +background:url("resources/lambobg.png"); +background-repeat: no-repeat; +background-attachment: fixed; +background-size:50%; +background-position:right -30%; +opacity: 1; +-webkit-transition: all 1s ease-out; + -moz-transition: all 1s ease-out; + -o-transition: all 1s ease-out; + transition: all 1s ease-out; +} +#swrapper:hover { +opacity: 0.5; +background-size:55%; +} +#panel { +position:absolute; +margin:auto; +bottom:10; +right:10; +height: 500px; +width:200px; +background:black; +} + +#dropshadowbg {position:absolute;width:100%;height:100%;box-shadow: inset 0 0 200px #000000;} + +#logo { +position:absolute; +right:50; +top:50; +width:300; +height:300; +background-image:url("resources/logo.png"); +background-repeat:no-repeat; +} \ No newline at end of file