triadicwizards.win/index.html at main · umaywant2/triadicwizards.win · 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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Triadic Wizards | Dev Site</title>

  <!-- 🔍 SEO & Social Meta -->
  <meta name="description" content="Dev site for Triadic Resonance Wizards — mythmatical scrolls, validator protocols, and resonance frameworks." />
  <meta name="keywords" content="Triadic Wizards, Mythmatical, Resonance, Nawder, Validator Protocols" />
  <meta name="author" content="Nawder Loswin" />

  <!-- Open Graph -->
  <meta property="og:title" content="Triadic Wizards | Dev Site" />
  <meta property="og:description" content="Dev site for Triadic Resonance Wizards — mythmatical scrolls, validator protocols, and resonance frameworks." />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="https://dev.triadicwizards.win" />
  <meta property="og:image" content="https://www.triadicframeworks.org/assets/og-image.png" />
  <meta property="og:image:type" content="image/png" />
  <meta property="og:image:width" content="1080" />
  <meta property="og:image:height" content="1080" />

  <!-- Google AMP caches content independently of your server once it believes it’s valid. AMP De‑Indexing explicitly disabling Google AMP caching - forces Google to drop the cached payload -->
  <meta name="robots" content="noamp">
  <!-- Explicit Content Security Signals (temporarily, if needed, to flush cache) -->
  <meta name="googlebot" content="noindex, nofollow">

  <!-- Favicon -->
  <link rel="icon" href="https://www.triadicframeworks.org/assets/favicon-16.png" type="image/png" sizes="16x16" />
  <link rel="icon" href="https://www.triadicframeworks.org/assets/favicon-32.png" type="image/png" sizes="32x32" />
  <link rel="icon" href="https://www.triadicframeworks.org/assets/favicon-192.png" type="image/png" sizes="192x192" />

  <!-- Styling -->
  <style>
    body {
      margin: 0;
      font-family: "Segoe UI", Roboto, sans-serif;
      background: radial-gradient(circle at top, #1a2a6c, #b21f1f, #fdbb2d);
      color: #fff;
      display: flex;
      flex-direction: column;
      min-height: 100vh;
      text-align: center;
    }
    header {
      padding: 4rem 1rem 2rem;
    }
    header h1 {
      font-size: 2.8rem;
      margin: 0;
      letter-spacing: 2px;
    }
    header p {
      font-size: 1.2rem;
      opacity: 0.85;
    }
    html, body {
      height: 100%;
      margin: 0;
      display: flex;
      flex-direction: column;
    }
    main {
      flex: 1; /* pushes footer down */
    }
#copilot-widget input {
  flex: 1;
  padding: 0.5rem;
  border: 1px solid rgba(255,255,255,0.6); /* subtle border */
  border-radius: 4px;
  background: transparent;                 /* <-- key line */
  color: #fff;                             /* text color */
}
#copilot-widget input::placeholder {
  color: rgba(255,255,255,0.7);            /* softer placeholder */
}
    #copilot-widget img { flex-shrink: 0; }
    #copilot-widget input {
      flex: 1;
      padding: 0.5rem;
      border: 1px solid #aaa;
      border-radius: 4px;
    }
#copilot-widget button {
  padding: 0.5rem 0.8rem;
  border: 1px solid rgba(255,255,255,0.6);
  background: transparent;   /* transparent background */
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}
#copilot-widget button:hover {
  background: rgba(255,255,255,0.2); /* subtle hover glow */
}
    footer {
      margin-top: 3rem;   /* pushes it down from whatever comes before */
      padding: 2rem 1rem; /* keeps the inner spacing */
      background: rgba(0,0,0,0.4);
      text-align: center;
    }
    footer nav a {
      margin: 0 1rem;
      color: #ffd700;
      text-decoration: none;
      font-weight: 500;
    }
    footer nav a:hover {
      text-decoration: underline;
    }
  </style>
</head>
<body>
  <header>
    <h1>🧙 Triadic Wizards</h1>
    <p>✨ Dev site for <strong>Triadic Resonance Wizards</strong> ✨</p>
  </header>

<!-- Place this where you want the glyphs to appear -->
<div id="glyph-field"></div>

<script src="https://www.triadicframeworks.org/assets/glossary.js"></script>

<!-- Copilot Search Widget -->
<div id="copilot-widget">
  <img src="https://www.triadicframeworks.org/assets/copilot.png" alt="Copilot" width="48" height="48" />
  <form action="https://github.com/umaywant2/TriadicFrameworks/search" method="get" target="_blank">
    <input type="text" name="q" placeholder="Search the repo..." />
    <button type="submit">🔍</button>
  </form>
</div>
<footer>
  <nav>
    <a href="https://github.com/umaywant2/TriadicFrameworks/wiki">TriadicFrameworks Repo Wiki</a>
    <a href="https://dev.umaywant2.com">umaywant2.com</a>
    <a href="https://dev.umaywant2.win">umaywant2.win</a>
    <a href="https://dev.triadicwizards.win">Triadic Wizards</a>
    <a href="https://dev.coeus.exchange">Coeus Exchange</a>
    <a href="https://dev.nimms.com">NIMMS</a>
    <a href="https://dev.vgateway.net">Virtual Compute Gateway</a>
    <a href="https://dev.mythmatic.org">Mythmatic</a>
    <a href="https://dev.mythmatical.org">Mythmatical</a>
    <a href="https://www.triadicframeworks.org">TriadicFrameworks</a>
  </nav>
  <p style="margin-top:1rem; font-size:0.9rem; opacity:0.7;">
    © 2025 Nawder Loswin — Mythmatical Architect
  </p>
</footer>
</body>
</html>