|
|
|
@ -11,8 +11,8 @@ |
|
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"> |
|
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css"> |
|
|
|
|
|
|
|
<!-- test --> |
|
|
|
<!-- Shaders |
|
|
|
|
|
|
|
<!-- Shaders --> |
|
|
|
<script id="vertexShader" type="x-shader/x-vertex"> |
|
|
|
varying vec2 vUv; |
|
|
|
|
|
|
|
@ -72,12 +72,10 @@ |
|
|
|
mainImage(gl_FragColor, gl_FragCoord.xy); |
|
|
|
} |
|
|
|
</script> |
|
|
|
--> |
|
|
|
|
|
|
|
<style> |
|
|
|
body { |
|
|
|
background-color: #e0c897; |
|
|
|
background-image: url('images/texture.webp'); |
|
|
|
background-repeat: repeat; |
|
|
|
background-color: #ffffff; |
|
|
|
} |
|
|
|
|
|
|
|
#hecksshader { |
|
|
|
@ -88,21 +86,21 @@ |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
z-index: -9999; |
|
|
|
opacity: 0.15; |
|
|
|
opacity: 0.02; |
|
|
|
} |
|
|
|
|
|
|
|
h2 { |
|
|
|
font-family: 'Lato black', sans-serif; |
|
|
|
font-size: 2.0rem; |
|
|
|
text-transform: uppercase; |
|
|
|
color: #cd332e; |
|
|
|
color: #111111; |
|
|
|
margin-top: 4vh; |
|
|
|
margin-bottom: 4vh; |
|
|
|
} |
|
|
|
|
|
|
|
.card-title { |
|
|
|
font-family: 'Lato black', sans-serif; |
|
|
|
color: #cd332e; |
|
|
|
color: #222222; |
|
|
|
font-size: 1.5rem; |
|
|
|
} |
|
|
|
|
|
|
|
@ -110,7 +108,7 @@ |
|
|
|
font-family: 'Lato', sans-serif; |
|
|
|
letter-spacing: 0.05em; |
|
|
|
font-size: 1.4em; |
|
|
|
color: #205397; |
|
|
|
color: #333333; |
|
|
|
hyphens: auto; |
|
|
|
} |
|
|
|
|
|
|
|
@ -119,11 +117,11 @@ |
|
|
|
} |
|
|
|
|
|
|
|
a:link { |
|
|
|
color: #cd332e; |
|
|
|
color: #b2c778; |
|
|
|
} |
|
|
|
|
|
|
|
a:visited { |
|
|
|
color: #ff534d; |
|
|
|
color: #b2c778; |
|
|
|
} |
|
|
|
|
|
|
|
a:hover { |
|
|
|
@ -131,27 +129,28 @@ |
|
|
|
} |
|
|
|
|
|
|
|
a:active { |
|
|
|
color: #ff534d; |
|
|
|
color: #b2c778; |
|
|
|
} |
|
|
|
|
|
|
|
.card { |
|
|
|
width: 100%; |
|
|
|
background-color: transparent !important; |
|
|
|
border: 0px solid #335077!important; |
|
|
|
background-color: #f4f4f4; |
|
|
|
border: 0px solid #dee2e6!important; |
|
|
|
} |
|
|
|
|
|
|
|
.card-body { |
|
|
|
border-style: solid; |
|
|
|
border-top: 1px solid #335077!important; |
|
|
|
border-bottom: 1px solid #335077!important; |
|
|
|
border-top: 1px solid #dee2e6!important; |
|
|
|
border-bottom: 1px solid #dee2e6!important; |
|
|
|
border-left: 0; |
|
|
|
border-right: 0; |
|
|
|
} |
|
|
|
|
|
|
|
.container { |
|
|
|
background-color: #fefefe; |
|
|
|
width: 100%; |
|
|
|
border-left: 1px solid #335077!important; |
|
|
|
border-right: 1px solid #335077!important; |
|
|
|
border-left: 1px solid #dee2e6!important; |
|
|
|
border-right: 1px solid #dee2e6!important; |
|
|
|
margin-right: auto; |
|
|
|
margin-left: auto; |
|
|
|
padding: 0; |
|
|
|
@ -168,13 +167,13 @@ |
|
|
|
} |
|
|
|
|
|
|
|
.fas, .fab { |
|
|
|
color: #335077; |
|
|
|
color: white; |
|
|
|
font-size: 2em; |
|
|
|
} |
|
|
|
|
|
|
|
.section, .cardcontainer { |
|
|
|
margin-bottom: 5vh; |
|
|
|
border-top: 1px solid #335077!important; |
|
|
|
border-top: 1px solid #dee2e6!important; |
|
|
|
} |
|
|
|
|
|
|
|
.logo { |
|
|
|
@ -194,7 +193,7 @@ |
|
|
|
<div class="container"> |
|
|
|
<div class="row"> |
|
|
|
<div class="img"> |
|
|
|
<img src="images/Sub_Factory_2024_Banner_web.webp" alt="Subfactory Banner"> |
|
|
|
<img src="images/Sub_Factory_2025.webp" alt="Subfactory Banner"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
@ -393,7 +392,7 @@ |
|
|
|
<script> |
|
|
|
document.getElementById("focus").focus(); |
|
|
|
</script> |
|
|
|
<!-- |
|
|
|
|
|
|
|
<script type="module"> |
|
|
|
import * as THREE from 'https://unpkg.com/three/build/three.module.js'; |
|
|
|
|
|
|
|
@ -464,6 +463,5 @@ document.getElementById("focus").focus(); |
|
|
|
renderer.render( scene, camera ); |
|
|
|
} |
|
|
|
</script> |
|
|
|
--> |
|
|
|
</body> |
|
|
|
</html> |
|
|
|
|
