Wiki/settings.html at main · Koyot-Digital/Wiki · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="en">

<head>
  <!-- Cookie Consent by TermsFeed https://www.TermsFeed.com -->
  <script type="text/javascript" src="https://www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js"
    charset="UTF-8"></script>
  <script type="text/javascript" charset="UTF-8">
    document.addEventListener('DOMContentLoaded', function () {
      cookieconsent.run({ "notice_banner_type": "simple", "consent_type": "express", "palette": "dark", "language": "en", "page_load_consent_levels": ["strictly-necessary"], "notice_banner_reject_button_hide": false, "preferences_center_close_button_hide": false, "page_refresh_confirmation_buttons": false, "website_name": "ONPS Wiki" });
    });
  </script>

  <!-- Google Analitics -->
  <script type="text/plain" data-cookie-consent="tracking" async
    src="https://www.googletagmanager.com/gtag/js?id=G-8C0MST73WK"></script>
  <script type="text/plain" data-cookie-consent="tracking">
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-8C0MST73WK');
  </script>
  <!-- end of Google Analitics-->

  <noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed</a></noscript>
  <!-- End Cookie Consent by TermsFeed https://www.TermsFeed.com -->


  <!-- Below is the link that users can use to open Preferences Center to change their preferences. Do not modify the ID parameter. Place it where appropriate, style it as needed. -->


  <!-- Primary Meta Tags -->
  <meta name="title" content="ONPS - Settings" />
  <meta name="description" content="Oakridge Nuclear Power Station - Settings" />

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://wiki.koyot.digital/settings.html" />
  <meta property="og:title" content="ONPS - Settings" />
  <meta property="og:description" content="Oakridge Nuclear Power Station - Settings" />
  <meta property="og:image" content="/images/update_page_banner.webp" />

  <!-- X (Twitter) -->
  <meta property="twitter:card" content="summary_large_image" />
  <meta property="twitter:url" content="https://wiki.koyot.digital/settings.html" />
  <meta property="twitter:title" content="ONPS - Settings" />
  <meta property="twitter:description" content="Oakridge Nuclear Power Station - Settings" />
  <meta property="twitter:image" content="/images/update_page_banner.webp" />

  <script src="https://kit.fontawesome.com/a7bdae1ce6.js" crossorigin="anonymous"></script>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Oakridge Nuclear Power Station</title>
  <link rel="stylesheet" href="css/style.css" />
  <link rel="stylesheet" href="css/settings_page.css" />
  <script src="js/script.js" defer></script>
  <link rel="apple-touch-icon" sizes="180x180" href="/images/Favicon/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/images/Favicon/favicon-32x32.p ng">
  <link rel="icon" type="image/png" sizes="16x16" href="/images/Favicon/favicon-16x16.png">
  <link rel="manifest" href="/site.webmanifest">
</head>

<header id="header" style="display: flex; justify-content: space-between; align-items: center;padding: 8px;">
  <div style="display: flex; gap: 12px; align-items: center;">
    <img src="images/home.svg" style="width: 24px; height: 24px; cursor: pointer;" onclick="relocate('index.html');">
    <img src="images/settings.svg" style="width: 24px; height: 24px; cursor: pointer;"
      onclick="relocate('settings.html');">
  </div>

  <h2 style="margin: 0;">Oakridge Nuclear Power Station Wiki</h2>
</header>

<body>
  <div class="container">
    <section class="settings-card">
      <h2>Preferences</h2>

      <!-- Date/Number Format -->
      <div class="settings-row">
        <label for="FrmtSel">Date & Number Styles:</label>
        <select id="FrmtSel" name="Format Selection">
          <option value="USA">North American: 1,234.56 | June 23, 1982</option>
          <option value="EUR">European: 1.234,56 | 23 June 1982</option>
        </select>
      </div>

      <!-- Font Selection -->
      <div class="settings-row">
        <label for="FontSel">Font:</label>
        <select id="FontSel" name="Font Selection" onchange="toggleCustomFontInput();">
          <option value="Arial, sans-serif" style="font-family: Arial, sans-serif;">Sans Serif (Arial)</option>
          <option value="'Times New Roman', serif" style="font-family: 'Times New Roman', serif;">Serif (Times New
            Roman)</option>
          <option value="'Courier New', monospace" style="font-family: 'Courier New', monospace;">Monospaced (Courier
            New)</option>
          <option value="'Unitype', sans-serif">Unitype</option>
          <option value="'OpenDyslexic', 'OpenDyslexic'">Open Dyslexic</option>
          <option value="Custom">Custom</option>
        </select>
        <input type="text" id="CustomFontInput" placeholder="'Comic Sans', sans-serif" />
      </div>
      <div class="settings-row">
        <label for="cookieSel">Cookie Settings</label>

        <br></br><br></br>
        <button class="save-btn" type="button" onclick="saveToLocal();">Save</button>
    </section>

    <!-- Example Preview -->
    <section class="settings-card example-preview">
      <h2>Example:</h2>
      <p>
        A blackout occurred on <span class="date">14/AUG/2003</span> after demand
        spiked to <span class="number">5000 56</span> terawatts.
      </p>
    </section>
  </div>

  <div id="NavGrid-placeholder"></div>
  <br>
  <br>
  <footer>
    <p>&copy; 2025 Koyot Digital</p> Our Discord Server, <a href="https://discord.gg/RT3Y6egQhR"><i
        class="fa-brands fa-discord"> Koyot Digital</i></a> <br> Play on <a
      href="https://www.roblox.com/games/15684145480/Oakridge-Nuclear-Power-Station-V0-2-4-BETA" target="_blank"
      rel="noopener"><i>Roblox</i></a>
  </footer>
</body>

</html>