This commit is contained in:
core 2023-11-20 20:53:22 -05:00
parent d473f5e18e
commit 12a52c97be
Signed by: core
GPG Key ID: FDBF740DADDCEECF
7 changed files with 93 additions and 149 deletions

38
changelog.html Normal file
View File

@ -0,0 +1,38 @@
<!doctype html>
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>ExpressED | Changelog</title>
<link rel="stylesheet" href="/bootstrap.min.css" />
</head>
<body>
<div class="h-100 d-flex align-items-center justify-content-center text-center">
<div>
<div class="container">
<div class="row">
<div class="col">
<h1>ExpressED: Changelog</h1>
<h2>1.0.1 - 11/20/23</h2>
<p>Slight theme changes. Learn window layout modified to be more friendly to screen readers. Visage watermarks removed. Version footer added.</p>
<hr>
<h2>1.0.0 - 11/20/23</h2>
<p>Initial release! Everything added.</p>
</div>
</div>
<div class="row">
<div class="col">
<a href="/" class="btn btn-secondary p-5 w-100">Go Back</a>
</div>
</div>
</div>
</div>
</div>
<p style="position: absolute; bottom: 0; left: 10pt;">~core/expressed v1.0.1 - <a href="/changelog.html">changelog</a> - made with <3 - last build 11/21/23 01:37:33Z</p>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>

View File

@ -31,6 +31,7 @@
</div> </div>
</div> </div>
</div> </div>
<p style="position: absolute; bottom: 0; left: 10pt;">~core/expressed v1.0.1 - <a href="/changelog.html">changelog</a> - made with <3 - last build 11/21/23 01:37:33Z</p>
<script> <script>
const params = new URLSearchParams(window.location.search); const params = new URLSearchParams(window.location.search);
if (!params.has("v")) { if (!params.has("v")) {

View File

@ -26,6 +26,8 @@
</div> </div>
</div> </div>
<p style="position: absolute; bottom: 0; left: 10pt;">~core/expressed v1.0.1 - <a href="/changelog.html">changelog</a> - made with <3 - last build 11/21/23 01:37:33Z</p>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script> crossorigin="anonymous"></script>

View File

@ -46,6 +46,7 @@
</div> </div>
</div> </div>
</div> </div>
<p style="position: absolute; bottom: 0; left: 10pt;">~core/expressed v1.0.1 - <a href="/changelog.html">changelog</a> - made with <3 - last build 11/21/23 01:37:33Z</p>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body> </body>
</html> </html>

View File

@ -45,6 +45,7 @@
</div> </div>
</div> </div>
</div> </div>
<p style="position: absolute; bottom: 0; left: 10pt;">~core/expressed v1.0.1 - <a href="/changelog.html">changelog</a> - made with <3 - last build 11/21/23 01:37:33Z</p>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body> </body>
</html> </html>

View File

@ -14,7 +14,7 @@
<script src="../../lib/three.min.js"></script> <script src="../../lib/three.min.js"></script>
<script src="MTLLoader.js"></script> <script src="MTLLoader.js"></script>
<script src="OBJLoader.js"></script> <script src="OBJLoader.js"></script>
<link rel="stylesheet" href="/bootstrap.min.css" />
</head> </head>
<body style="background-color: white; margin: 0px;"> <body style="background-color: white; margin: 0px;">
<div id="cinema" > <div id="cinema" >
@ -28,14 +28,16 @@
</div> </div>
<div id="inner-container"> <div id="inner-container">
<img id="logogrey" src="../../lib/logotype.png">
<canvas id="canvas"></canvas> <canvas id="canvas"></canvas>
<canvas id="bgcanvas" style="display:none;width:100%;height:100%;"></canvas> <canvas id="bgcanvas" style="display:none;width:100vw;height:100vh;"></canvas>
<video class="video" id="webcam" style="width:100%;height:100%;" autoplay playsinline></video> <video class="video" id="webcam" style="width:100vw;height:100vh;" autoplay playsinline></video>
</div> </div>
</div> </div>
</div> </div>
<p style="position: absolute; bottom: 0; left: 10pt;">~core/expressed v1.0.1 - <a href="/changelog.html">changelog</a> - made with <3 - last build 11/21/23 01:37:33Z</p>
<script src="../../lib/bezier-spline.js"></script> <script src="../../lib/bezier-spline.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
@ -1321,8 +1323,8 @@ function errorStream(e){
} }
function initial(){ function initial(){
var logogrey = document.getElementById('logogrey'); //var logogrey = document.getElementById('logogrey');
logogrey.style.display = "none"; //logogrey.style.display = "none";
var canvas = document.getElementById('canvas'); var canvas = document.getElementById('canvas');
canvas.style.display = "block"; canvas.style.display = "block";
/*var logo = document.getElementById("logotype"); /*var logo = document.getElementById("logotype");

View File

@ -1,104 +1,3 @@
.toolbox {
position:relative;
margin-left: 5px;
border: none;
width:100%;
max-width: 300px;
height: 30px;
overflow: hidden;
border: 1px solid white;
background-color: #fff;
background: #333333 url("../icons/arrow_blue.png") no-repeat 97% 50%;
// colour options: ltgray, dkgray, ltblue, dkblue
}
.toolbox select {
padding: 5px 8px;
width: 100%;
border: none;
box-shadow: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.toolbox select:focus {
outline: none;
}
#myList{
color: #0071bc;
}
.main-menu:hover,nav.main-menu.expanded {
width:340px;
overflow:visible;
}
.main-menu {
background:rgb(58,58,58);
opacity: 0.95;
border-right:0;
position:absolute;
top:0;
bottom:0;
height:100%;
left:0;
width:40px;
overflow:hidden;
-webkit-transition:width .02s linear;
transition:width .02s linear;
-webkit-transform:translateZ(0) scale(1,1);
z-index:1000;
}
.button {
width: 310px;
height: 30px;
max-width:310px;
/*color:rgb(58,58,58);*/
color: #0071bc;
/*background-color:#e6e6e6;*/
background-color:#333333;
border: 1px solid white;
border-radius:5px;
font-size: 14px;
font-weight: bold;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
}
.button:hover {
background-color: rgb(0,113,188);
color:white;
}
.buttonimg{
background-color:rgb(58,58,58);
border: 1px solid black;
border-radius:5px;
font-size: 14px;
font-weight: bold;
}
.buttonimg:hover{
background-color:#e6e6e6;
}
.active{
background-color:rgb(0,113,188);
border: 1px solid black;
border-radius:5px;
font-size: 14px;
font-weight: bold;
}
.no-touch .scrollable.hover { .no-touch .scrollable.hover {
overflow-y:hidden; overflow-y:hidden;
} }
@ -184,21 +83,21 @@ background-color: rgb(58,58,58);
} }
#cinema{ #cinema{
margin:auto; margin:auto;
position:relative; position:relative;
display: -webkit-flex; display: -webkit-flex;
display: flex; -webkit-align-items: center; align-items: center; display: flex; -webkit-align-items: center; align-items: center;
width: 100vw; width: 100%;
height: 100vh; height: 100%;
} }
#outer-container{ #outer-container{
margin:auto; margin:auto;
display: -webkit-flex; display: -webkit-flex;
display: flex; -webkit-align-items: flex-start; align-items: flex-start; display: flex; -webkit-align-items: flex-start; align-items: flex-start;
height: 100vh; height: 100vh;
min-width: 50vw; min-width: 50vw;
width: calc(100vw - 350px); width: 100vw;
/*background-color: rgb(58,58,58);*/ /*background-color: rgb(58,58,58);*/
background-color: black; background-color: black;
opacity: 0.95; opacity: 0.95;
@ -211,29 +110,29 @@ background-color: rgb(58,58,58);
-webkit-align-self: center; -webkit-align-self: center;
align-self: center; align-self: center;
} }
#right-container{ #right-container{
/*background-color:rgb(58,58,58);*/ /*background-color:rgb(58,58,58);*/
background-color:#333333; background-color:#333333;
width: 30vw; width: 30vw;
max-width: 350px; max-width: 350px;
height:100vh; height:100vh;
} }
#left-container{ #left-container{
background-color:rgb(58,58,58); background-color:rgb(58,58,58);
width: 25vw; width: 25vw;
max-width:300px; max-width:300px;
height:100vh; height:100vh;
} }
#optionbox { #optionbox {
margin-left: 10px; margin-left: 10px;
} }
#container{ #container{
background-color: white; background-color: white;
max-width:300px; max-width:300px;
overflow: hidden; overflow: hidden;
margin-left: 100px; margin-left: 100px;
} }
@ -310,7 +209,7 @@ background-color: rgb(58,58,58);
margin-top: 20px; margin-top: 20px;
font-family: 'Corbel' font-family: 'Corbel'
} }
#tracktext{ #tracktext{
display: none; display: none;
position:absolute; position:absolute;
@ -319,7 +218,7 @@ background-color: rgb(58,58,58);
margin-top: 20px; margin-top: 20px;
font-family: 'Corbel' font-family: 'Corbel'
} }
#logogrey{ #logogrey{
width: 50vw; width: 50vw;
max-width:640px; max-width:640px;
@ -328,22 +227,22 @@ background-color: rgb(58,58,58);
-webkit-align-self: center; -webkit-align-self: center;
align-self: center; align-self: center;
} }
.logotype{ .logotype{
/*conserve ratio*/ /*conserve ratio*/
max-width:30%; max-width:30%;
height:auto; height:auto;
position: absolute; position: absolute;
margin: auto; margin: auto;
left: 0; left: 0;
top: 0; top: 0;
visibility:hidden visibility:hidden
} }
#changeDetectLimit{ #changeDetectLimit{
display: none; display: none;
} }
.specific{ .specific{
max-width: 310px; max-width: 310px;
border: 1px solid white; border: 1px solid white;
@ -353,13 +252,13 @@ background-color: rgb(58,58,58);
padding-bottom: 5px; padding-bottom: 5px;
padding-right: 5px; padding-right: 5px;
} }
#status{ #status{
color:white; color:white;
font-size:25px; font-size:25px;
font-family: 'Bariol'; font-family: 'Bariol';
} }
#progress{ #progress{
color: rgb(0,113,188); color: rgb(0,113,188);
background-color: #e6e6e6; background-color: #e6e6e6;
@ -367,7 +266,7 @@ background-color: rgb(58,58,58);
height: 20px; height: 20px;
border-radius: 7px; border-radius: 7px;
} }
progress::-webkit-progress-bar { progress::-webkit-progress-bar {
background-color: #e6e6e6; background-color: #e6e6e6;
width: 400px; width: 400px;
@ -387,13 +286,13 @@ progress::-moz-progress-bar {
height: 20px; height: 20px;
border-radius: 7px; border-radius: 7px;
} }
#downloadinfo{ #downloadinfo{
position: absolute; position: absolute;
width: calc(100vw - 350px); width: calc(100vw - 350px);
margin-top: 20px; margin-top: 20px;
} }
#loadbar{ #loadbar{
position: absolute; position: absolute;
width: calc(100vw - 350px); width: calc(100vw - 350px);
@ -401,16 +300,16 @@ progress::-moz-progress-bar {
} }
a.tooltip {outline:none; } a.tooltip {outline:none; }
a.tooltip:hover {text-decoration:none;} a.tooltip:hover {text-decoration:none;}
a.tooltip span { a.tooltip span {
z-index:10;display:none; padding:14px 20px; z-index:10;display:none; padding:14px 20px;
margin-top:24px; margin-left:-340px; margin-top:24px; margin-left:-340px;
width:310px; line-height:16px; width:310px; line-height:16px;
} }
a.tooltip:hover span{ a.tooltip:hover span{
display:inline; display:inline;
position:absolute; position:absolute;
border:2px solid #FFF; border:2px solid #FFF;
border-radius: 10px; border-radius: 10px;
color:white; color:white;
font-size: 17px; font-size: 17px;
@ -428,7 +327,7 @@ a.tooltip span
.whitetextcenter{ .whitetextcenter{
display:block; display:block;
position:relative; position:relative;
color:white; color:white;
font-size:20px; font-size:20px;
font-family: 'Corbel'; font-family: 'Corbel';
} }
@ -467,7 +366,7 @@ a.tooltip span
color: #666666; color: #666666;
} }
#col #col
{ {
-moz-column-count: 2; -moz-column-count: 2;
-webkit-column-count: 2; -webkit-column-count: 2;
@ -490,14 +389,14 @@ column-count: 2;
width: 140px; width: 140px;
height: 70px; height: 70px;
overflow: hidden; overflow: hidden;
border: 1px solid white; border: 1px solid white;
border-radius: 6px; border-radius: 6px;
overflow: auto; overflow: auto;
} }
.square-box::-webkit-scrollbar { .square-box::-webkit-scrollbar {
width: 12px; width: 12px;
} }
.square-box::-webkit-scrollbar-track { .square-box::-webkit-scrollbar-track {
border-radius: 10px; border-radius: 10px;
-moz-border-radius: 10px; -moz-border-radius: 10px;
@ -508,11 +407,11 @@ column-count: 2;
.square-box::-webkit-scrollbar-thumb { .square-box::-webkit-scrollbar-thumb {
border-radius: 10px; border-radius: 10px;
background: rgb(0,113,188); background: rgb(0,113,188);
-webkit-border-radius: 20px; -webkit-border-radius: 20px;
-moz-border-radius: 20px; -moz-border-radius: 20px;
-webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0 0 0px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 0 0px rgba(0,0,0,0.5);
} }
.square-content:focus{ .square-content:focus{
@ -527,7 +426,7 @@ column-count: 2;
input[id^=block] input[id^=block]
{ {
background-color:#333333; background-color:#333333;
border-radius: 5px; border-radius: 5px;
border:none; border:none;
color: transparent; color: transparent;
@ -541,8 +440,8 @@ input[id^=block]:focus:hover
{ {
border: 0.2px solid rgb(0,113,188); border: 0.2px solid rgb(0,113,188);
} }
input[id^=block]:focus input[id^=block]:focus
{ {
border: none; border: none;
outline : none; outline : none;
@ -552,4 +451,4 @@ input[id^=block]:focus
input[id^=block]:hover input[id^=block]:hover
{ {
border: 0.2px solid rgb(0,113,188); border: 0.2px solid rgb(0,113,188);
} }