commit e6e204a8cd3b4a687b167b88e07fc030f177ac03 · treybastian.com/winterVibesJS

+15 -13

src/contextMenu.js

···

       2
        
       document.oncontextmenu = rightClick;

     

       3
        
       

     

       4
        
       function hideMenu() {

     

       5
       -
           document.getElementById("contextMenu").style.display = "none"

     

       6
        
       }

     

       7
        
       

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       8
        
       function rightClick(e) {

     

       9
       -
           e.preventDefault();

     

       10
        
       

     

       11
       -
           if (document.getElementById(

     

       12
       -
               "contextMenu").style.display == "block")

     

       13
       -
               hideMenu();

     

       14
       -
           else {

     

       15
       -
               let menu = document

     

       16
       -
                   .getElementById("contextMenu")

     

       17
        
       

     

       18
       -
               menu.style.display = 'block';

     

       19
       -
               menu.style.left = e.pageX + "px";

     

       20
       -
               menu.style.top = e.pageY + "px";

     

       21
       -
           }

     

       22
       -
       }
     

       0

···

       2
        
       document.oncontextmenu = rightClick;

     

       3
        
       

     

       4
        
       function hideMenu() {

     

       5
       +
         document.getElementById("contextMenu").style.display = "none";

     

       6
        
       }

     

       7
        
       

     

       8
       +
       /**

     

       9
       +
        * @param {MouseEvent} e

     

       10
       +
        */

     

       11
        
       function rightClick(e) {

     

       12
       +
         e.preventDefault();

     

       13
        
       

     

       14
       +
         if (document.getElementById("contextMenu").style.display == "block")

     

       15
       +
           hideMenu();

     

       16
       +
         else {

     

       17
       +
           let menu = document.getElementById("contextMenu");

     

       0
        
       
     

       0
        
       
     

       18
        
       

     

       19
       +
           menu.style.display = "block";

     

       20
       +
           menu.style.left = e.pageX + "px";

     

       21
       +
           menu.style.top = e.pageY + "px";

     

       22
       +
         }

     

       23
       +
       }

     

       24
       +

+103 -28

src/pages/config.html

···

       8
        
         </head>

     

       9
        
         <body>

     

       10
        
           <div class="container">

     

       11
       -
       

     

       12
        
             <h1>Settings</h1>

     

       13
        
       

     

       14
        
             <form action="../../index.html" method="get" class="form-container">

     

       0
        
       
     

       15
        
       

     

       16
       -
               <input type="hidden" name="v" value="1">

     

       17
       -
         

     

       18
        
               <div class="settings-group">

     

       19
        
                 <span class="title">Window</span>

     

       20
        
                 <div class="separator"></div>

     

       21
        
       

     

       22
        
                 <label for="cw">Width</label>

     

       23
       -
                 <input type="number" name="cw" id="cw" placeholder="320" min="0" required>

     

       24
       -
         

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       25
        
                 <label for="ch">Height</label>

     

       26
       -
                 <input type="number" name="ch" id="ch" placeholder="180" min="0" required>

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       27
        
               </div>

     

       28
       -
         

     

       29
        
               <div class="settings-group">

     

       30
        
                 <span class="title">Snow</span>

     

       31
        
                 <div class="separator"></div>

     

       32
        
       

     

       33
        
                 <label for="smx">Snow max</label>

     

       34
       -
                 <input type="number" name="smx" id="smx" placeholder="40" min="0" required>

     

       35
       -
         

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       36
        
                 <label for="smnsz">Snow min size</label>

     

       37
       -
                 <input type="number" name="smnsz" id="smnz" placeholder="1" min="0" required>

     

       38
       -
         

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       39
        
                 <label for="smxsz">Snow max size</label>

     

       40
       -
                 <input type="number" name="smxsz" id="smxsz" placeholder="4" min="0" required>

     

       41
       -
         

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       42
        
                 <label for="smxspd">Snow max speed</label>

     

       43
       -
                 <input type="number" step=".01" name="smxspd" id="smxspd" placeholder="0.07" required>

     

       44
       -
         

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       45
        
                 <label for="snmnspd">Snow min speed</label>

     

       46
       -
                 <input type="number" step=".01" name="snmnspd" id="snmnspd" placeholder="0.04" required>

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       47
        
               </div>

     

       48
       -
               

     

       49
        
               <div class="settings-group">

     

       50
        
                 <span class="title">Plow</span>

     

       51
        
                 <div class="separator"></div>

     

       52
        
       

     

       53
        
                 <label for="plwspd">Plow speed</label>

     

       54
       -
                 <input type="number" step=".01" name="plwspd" id="plwspd" placeholder="0.1" required>

     

       55
       -
         

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       56
        
                 <label for="smnsz">Plow direction</label>

     

       57
        
                 <select name="plwd" id="plwd" placeholder="right" required>

     

       58
        
                   <option value="left">left</option>

     

       59
        
                   <option value="right" disabled>right WIP</option>

     

       60
        
                   <option value="random" disabled>random WIP</option>

     

       61
        
                 </select>

     

       62
       -
         

     

       63
        
                 <label for="plws">Plow scale</label>

     

       64
       -
                 <input type="number" name="plws" id="plws" placeholder="1" min="0" required>

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       65
        
               </div>

     

       66
       -
         

     

       67
        
               <div class="settings-group">

     

       68
        
                 <span class="title">Ground</span>

     

       69
        
                 <div class="separator"></div>

     

       70
        
       

     

       71
        
                 <label for="gamax">Ground accumulator max</label>

     

       72
       -
                 <input type="number" name="gamax" id="gamax" placeholder="4" min="0" required>

     

       73
       -
         

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       74
        
                 <label for="gas">Ground accumulatior slices</label>

     

       75
       -
                 <input type="number" name="gas" id="gas" placeholder="20" min="0" required>

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       76
        
               </div>

     

       77
       -
         

     

       78
       -
               <button type="button" onclick="window.location.href='/'" style="color: red;">Default</button>

     

       79
       -
               <button type="submit" value="submit" style="color: green;">Save</button>

     

       80
        
             </form>

     

       81
        
           </div>

     

       82

···

       8
        
         </head>

     

       9
        
         <body>

     

       10
        
           <div class="container">

     

       0
        
       
     

       11
        
             <h1>Settings</h1>

     

       12
        
       

     

       13
        
             <form action="../../index.html" method="get" class="form-container">

     

       14
       +
               <input type="hidden" name="v" value="1" />

     

       15
        
       

     

       0
        
       
     

       0
        
       
     

       16
        
               <div class="settings-group">

     

       17
        
                 <span class="title">Window</span>

     

       18
        
                 <div class="separator"></div>

     

       19
        
       

     

       20
        
                 <label for="cw">Width</label>

     

       21
       +
                 <input

     

       22
       +
                   type="number"

     

       23
       +
                   name="cw"

     

       24
       +
                   id="cw"

     

       25
       +
                   placeholder="320"

     

       26
       +
                   min="0"

     

       27
       +
                   required

     

       28
       +
                 />

     

       29
       +
       

     

       30
        
                 <label for="ch">Height</label>

     

       31
       +
                 <input

     

       32
       +
                   type="number"

     

       33
       +
                   name="ch"

     

       34
       +
                   id="ch"

     

       35
       +
                   placeholder="180"

     

       36
       +
                   min="0"

     

       37
       +
                   required

     

       38
       +
                 />

     

       39
        
               </div>

     

       40
       +
       

     

       41
        
               <div class="settings-group">

     

       42
        
                 <span class="title">Snow</span>

     

       43
        
                 <div class="separator"></div>

     

       44
        
       

     

       45
        
                 <label for="smx">Snow max</label>

     

       46
       +
                 <input

     

       47
       +
                   type="number"

     

       48
       +
                   name="smx"

     

       49
       +
                   id="smx"

     

       50
       +
                   placeholder="40"

     

       51
       +
                   min="0"

     

       52
       +
                   required

     

       53
       +
                 />

     

       54
       +
       

     

       55
        
                 <label for="smnsz">Snow min size</label>

     

       56
       +
                 <input

     

       57
       +
                   type="number"

     

       58
       +
                   name="smnsz"

     

       59
       +
                   id="smnz"

     

       60
       +
                   placeholder="1"

     

       61
       +
                   min="0"

     

       62
       +
                   required

     

       63
       +
                 />

     

       64
       +
       

     

       65
        
                 <label for="smxsz">Snow max size</label>

     

       66
       +
                 <input

     

       67
       +
                   type="number"

     

       68
       +
                   name="smxsz"

     

       69
       +
                   id="smxsz"

     

       70
       +
                   placeholder="4"

     

       71
       +
                   min="0"

     

       72
       +
                   required

     

       73
       +
                 />

     

       74
       +
       

     

       75
        
                 <label for="smxspd">Snow max speed</label>

     

       76
       +
                 <input

     

       77
       +
                   type="number"

     

       78
       +
                   step=".01"

     

       79
       +
                   name="smxspd"

     

       80
       +
                   id="smxspd"

     

       81
       +
                   placeholder="0.07"

     

       82
       +
                   required

     

       83
       +
                 />

     

       84
       +
       

     

       85
        
                 <label for="snmnspd">Snow min speed</label>

     

       86
       +
                 <input

     

       87
       +
                   type="number"

     

       88
       +
                   step=".01"

     

       89
       +
                   name="snmnspd"

     

       90
       +
                   id="snmnspd"

     

       91
       +
                   placeholder="0.04"

     

       92
       +
                   required

     

       93
       +
                 />

     

       94
        
               </div>

     

       95
       +
       

     

       96
        
               <div class="settings-group">

     

       97
        
                 <span class="title">Plow</span>

     

       98
        
                 <div class="separator"></div>

     

       99
        
       

     

       100
        
                 <label for="plwspd">Plow speed</label>

     

       101
       +
                 <input

     

       102
       +
                   type="number"

     

       103
       +
                   step=".01"

     

       104
       +
                   name="plwspd"

     

       105
       +
                   id="plwspd"

     

       106
       +
                   placeholder="0.1"

     

       107
       +
                   required

     

       108
       +
                 />

     

       109
       +
       

     

       110
        
                 <label for="smnsz">Plow direction</label>

     

       111
        
                 <select name="plwd" id="plwd" placeholder="right" required>

     

       112
        
                   <option value="left">left</option>

     

       113
        
                   <option value="right" disabled>right WIP</option>

     

       114
        
                   <option value="random" disabled>random WIP</option>

     

       115
        
                 </select>

     

       116
       +
       

     

       117
        
                 <label for="plws">Plow scale</label>

     

       118
       +
                 <input

     

       119
       +
                   type="number"

     

       120
       +
                   name="plws"

     

       121
       +
                   id="plws"

     

       122
       +
                   placeholder="1"

     

       123
       +
                   min="0"

     

       124
       +
                   required

     

       125
       +
                 />

     

       126
        
               </div>

     

       127
       +
       

     

       128
        
               <div class="settings-group">

     

       129
        
                 <span class="title">Ground</span>

     

       130
        
                 <div class="separator"></div>

     

       131
        
       

     

       132
        
                 <label for="gamax">Ground accumulator max</label>

     

       133
       +
                 <input

     

       134
       +
                   type="number"

     

       135
       +
                   name="gamax"

     

       136
       +
                   id="gamax"

     

       137
       +
                   placeholder="4"

     

       138
       +
                   min="0"

     

       139
       +
                   required

     

       140
       +
                 />

     

       141
       +
       

     

       142
        
                 <label for="gas">Ground accumulatior slices</label>

     

       143
       +
                 <input

     

       144
       +
                   type="number"

     

       145
       +
                   name="gas"

     

       146
       +
                   id="gas"

     

       147
       +
                   placeholder="20"

     

       148
       +
                   min="0"

     

       149
       +
                   required

     

       150
       +
                 />

     

       151
        
               </div>

     

       152
       +
       

     

       153
       +
               <a href="../../index.html" class="button" style="color: red">Default</a>

     

       154
       +
               <button type="submit" value="submit" style="color: green">Save</button>

     

       155
        
             </form>

     

       156
        
           </div>

     

       157

+9 -4

src/styles/config.css

···

       1
       -
       @import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap');

     

       2
        
       

     

       3
        
       * {

     

       4
        
         font-family: "Pixelify Sans", sans-serif;

     
···

       39
        
         color: #e0e0e0;

     

       40
        
       }

     

       41
        
       

     

       42
       -
       button {

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       43
        
         border-radius: 10px;

     

       44
        
         padding: 5px;

     

       45
        
         background-color: #1e2a3a;

     
···

       47
        
         border: 1px solid #555;

     

       48
        
       }

     

       49
        
       

     

       50
       -
       button:hover {

     

       0
        
       
     

       51
        
         background-color: #273950;

     

       52
        
         cursor: pointer;

     

       53
        
       }

     
···

       87
        
         height: 1px;

     

       88
        
         background-color: #555;

     

       89
        
         margin: 10px 0;

     

       90
       -
       }
     

       0

···

       1
       +
       @import url("https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap");

     

       2
        
       

     

       3
        
       * {

     

       4
        
         font-family: "Pixelify Sans", sans-serif;

     
···

       39
        
         color: #e0e0e0;

     

       40
        
       }

     

       41
        
       

     

       42
       +
       button,

     

       43
       +
       .button {

     

       44
       +
         text-decoration: none;

     

       45
       +
         font-size: 1em;

     

       46
        
         border-radius: 10px;

     

       47
        
         padding: 5px;

     

       48
        
         background-color: #1e2a3a;

     
···

       50
        
         border: 1px solid #555;

     

       51
        
       }

     

       52
        
       

     

       53
       +
       button:hover,

     

       54
       +
       .button:hover {

     

       55
        
         background-color: #273950;

     

       56
        
         cursor: pointer;

     

       57
        
       }

     
···

       91
        
         height: 1px;

     

       92
        
         background-color: #555;

     

       93
        
         margin: 10px 0;

     

       94
       +
       }

     

       95
       +