students:value-calculator-results

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
students:value-calculator-results [2024/01/26 00:17] – steve.wangstudents:value-calculator-results [2024/01/27 02:36] (current) – steve.wang
Line 1: Line 1:
-===== The Background Research test ===== 
- 
-By [[daniel-chen| daniel chen]] 
- 
 <html> <html>
 <head> <head>
Line 10: Line 6:
   position: relative;   position: relative;
   text-align: center;   text-align: center;
-  color: white;+  color: #e9e9e9;
   font-size: 500%;   font-size: 500%;
-  font-family: Arial, Helvetica, sans-serif; 
- 
 } }
  
Line 28: Line 22:
 } }
  
-.number1 {+.name1 {
   position: absolute;   position: absolute;
-  top: 30%;+  top: 10%;
   right: 2%;   right: 2%;
-  color: red;+  color: orange;
   overflow: hidden;   overflow: hidden;
   text-overflow: clip;   text-overflow: clip;
Line 40: Line 34:
 } }
  
-.number2 {+.number1 {
   position: absolute;   position: absolute;
-  top: 80%;+  top: 30%;
   right: 2%;   right: 2%;
   color: red;   color: red;
Line 52: Line 46:
 } }
  
-.name1 {+.number2 {
   position: absolute;   position: absolute;
-  top: 10%;+  top: 80%;
   right: 2%;   right: 2%;
-  color: orange; +  color: red;
-  width: 620px;+
   overflow: hidden;   overflow: hidden;
   text-overflow: clip;   text-overflow: clip;
Line 66: Line 59:
  
 @media (orientation: portrait), (max-width: 1000px) { @media (orientation: portrait), (max-width: 1000px) {
- 
     .name1 {     .name1 {
-        font-size: 25%;+        font-size: 50%;
         right: 5%;         right: 5%;
     }     }
     .name2 {     .name2 {
-        font-size: 25%;+        font-size: 50%;
         right: 5%;         right: 5%;
     }     }
     .number1 {     .number1 {
-        font-size: 25%;+        font-size: 50%;
         right: 5%;         right: 5%;
     }     }
     .number2 {     .number2 {
-        font-size: 25%;+        font-size: 50%; 
 +        right: 5%; 
 +    } 
 +    .name1 { 
 +        font-size: 50%;
         right: 5%;         right: 5%;
     }     }
Line 86: Line 82:
  
 </style> </style>
 +
 </head> </head>
 <body> <body>
Line 92: Line 89:
 <div class="container"> <div class="container">
   <img src="https://renickbell.net/middleschool/lib/exe/fetch.php?t=1698219952&w=500&h=500&tok=57d7e9&media=students:zoey-servey-something_2_.jpg" alt="result" style="width:100%;">   <img src="https://renickbell.net/middleschool/lib/exe/fetch.php?t=1698219952&w=500&h=500&tok=57d7e9&media=students:zoey-servey-something_2_.jpg" alt="result" style="width:100%;">
-  <div class="name1"></div>+
   <div class="name2"></div>   <div class="name2"></div>
   <div class="number1"></div>   <div class="number1"></div>
   <div class="number2"></div>   <div class="number2"></div>
 +    <div class="name1"></div>
 </div> </div>
   <script>   <script>
     function getInformationFromLink(baseLink) {     function getInformationFromLink(baseLink) {
-      let fullLink = window.location.href;+      let fullLink = decodeURIComponent(window.location.href);
       let info;       let info;
       if (baseLink !== undefined) {       if (baseLink !== undefined) {
Line 111: Line 109:
       return data;       return data;
     }     }
 +    
 +    function configureStylingForDokuWiki (){
 +    document.getElementsByClassName('dokuwiki')[0].style.backgroundColor='black'
 +    document.getElementsByClassName('page panel-body')[0].style.backgroundColor= 'black'
 +    document.getElementsByClassName('panel panel-default px-3 py-2')[0].style.backgroundColor= 'black'
 +    document.getElementsByClassName('panel panel-default px-3 py-2')[0].style.border = 'none'
 +    let homeButton = document.getElementsByClassName('navbar-brand d-flex align-items-center')[0].cloneNode()
 +    //Remove navbar:
 +    document.getElementsByClassName('dw-container container-fluid mx-5')[0].remove()
 +} 
  
-    let newData = getInformationFromLink('https://renickbell.net/ed/2024worth/doku.php?id=students:value-calculator-results');+document.addEventListener("DOMContentLoaded", function(event) { 
 +configureStylingForDokuWiki() 
 +setTimeout(() =>{ 
 +document.getElementById('result').style.color = '#e9e9e9' 
 +    take_the_test_again.style.color = 'white' 
 +}, 100) 
 +})
  
 +    let newData = getInformationFromLink('https://renickbell.net/ed/2024worth/doku.php?id=students:value-calculator-results');
 +    let keys = Object.keys(newData)
 +    if (newData[keys[0]] > newData[keys[1]]){
     document.getElementsByClassName('name1')[0].innerText = Object.keys(newData)[0];     document.getElementsByClassName('name1')[0].innerText = Object.keys(newData)[0];
     document.getElementsByClassName('name2')[0].innerText = Object.keys(newData)[1];     document.getElementsByClassName('name2')[0].innerText = Object.keys(newData)[1];
-    document.getElementsByClassName('number1')[0].innerText = newData[Object.keys(newData)[0]]; +    document.getElementsByClassName('number1')[0].innerText = JSON.parse(newData[Object.keys(newData)[0]]).toFixed(2); 
-    document.getElementsByClassName('number2')[0].innerText = newData[Object.keys(newData)[1]];+    document.getElementsByClassName('number2')[0].innerText = JSON.parse(newData[Object.keys(newData)[1]]).toFixed(2); 
 +    } 
 +    else{ 
 +        document.getElementsByClassName('name1')[0].innerText = Object.keys(newData)[1]; 
 +    document.getElementsByClassName('name2')[0].innerText = Object.keys(newData)[0]; 
 +    document.getElementsByClassName('number1')[0].innerText = JSON.parse(newData[Object.keys(newData)[1]]).toFixed(2); 
 +    document.getElementsByClassName('number2')[0].innerText = JSON.parse(newData[Object.keys(newData)[0]]).toFixed(2); 
 +    } 
   </script>   </script>
 </body> </body>
 </html>  </html> 
- +====== take the test again?  ====== 
- +https://renickbell.net/ed/2024worth/doku.php?id=value-calculator
  • students/value-calculator-results.1706257045.txt.gz
  • Last modified: 2024/01/26 00:17
  • by steve.wang