0 Votes

Changes for page Global Dashboard

Last modified by Ryan C on 2025/09/10 18:12

From version 1.1
edited by Ryan C
on 2025/04/15 16:47
Change comment: There is no comment for this version
To version 5.1
edited by Ryan C
on 2025/04/15 17:28
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,95 +1,153 @@
1 -<!~-~- Global Dashboard for XWiki ~-~->
2 -~{~{html clean="false"}}
1 +{{html clean="false"}}
3 3  <style>
4 - .dashboard {
5 - padding: 1rem;
6 - max-width: 100%;
7 - margin: auto;
8 - }
9 - .dashboard-header {
10 - font-size: 2rem;
11 - font-weight: bold;
12 - margin-bottom: 1.5rem;
13 - text-align: center;
14 - }
15 - .category-columns {
16 - display: grid;
17 - grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
18 - gap: 1rem;
19 - }
20 - .category-box {
21 - background-color: #1c1c1c;
22 - border: 1px solid #444;
23 - border-radius: 8px;
24 - padding: 1rem;
25 - box-shadow: 0 0 5px #000;
26 - }
27 - .category-box h3 {
28 - font-size: 1.2rem;
29 - margin-bottom: 0.5rem;
30 - border-bottom: 1px solid #333;
31 - padding-bottom: 0.2rem;
32 - }
33 - .category-box ul {
34 - list-style: none;
35 - padding: 0;
36 - margin: 0;
37 - }
38 - .category-box ul li {
39 - margin-bottom: 0.4rem;
40 - }
41 - .section {
42 - margin-top: 2.5rem;
43 - }
3 +.dashboard-columns {
4 + display: flex;
5 + justify-content: space-between;
6 + flex-wrap: wrap;
7 + margin-bottom: 2em;
8 + gap: 1.5em;
9 +}
10 +.dashboard-column {
11 + flex: 1;
12 + min-width: 250px;
13 + background-color: #1a1a1a;
14 + padding: 1em;
15 + border: 1px solid #333;
16 + border-radius: 10px;
17 +}
18 +.dashboard-column h3 {
19 + margin-top: 0;
20 + color: #f2f2f2;
21 + border-bottom: 1px solid #444;
22 + padding-bottom: 4px;
23 +}
24 +.dashboard-column ul {
25 + list-style: none;
26 + padding-left: 0;
27 +}
28 +.dashboard-column li {
29 + margin: 0.3em 0;
30 +}
31 +.flex-bottom {
32 + display: flex;
33 + justify-content: space-between;
34 + align-items: flex-start;
35 + gap: 2em;
36 +}
37 +.flex-bottom > div {
38 + flex: 1;
39 +}
44 44  </style>
45 45  
46 -<div class="dashboard">
47 - <div class="dashboard-header">πŸ“š Knowledge Domains</div>
48 - <div class="category-columns">
49 - <div class="category-box">
50 - <h3>Race</h3>
51 - <ul>
52 - <li><a href="/xwiki/bin/view/Main%20Categories/Race">Overview</a></li>
53 - <li><a href="/xwiki/bin/view/Main%20Categories/Race/Hatred">Hatred</a></li>
54 - <li><a href="/xwiki/bin/view/Main%20Categories/Race/Demographics">Demographics</a></li>
55 - </ul>
56 - </div>
57 - <div class="category-box">
58 - <h3>Discrimination</h3>
59 - <ul>
60 - <li><a href="/xwiki/bin/view/Main%20Categories/Discrimination/Employment%20Disparities">Employment Disparities</a></li>
61 - <li><a href="/xwiki/bin/view/Main%20Categories/Discrimination/Privilege">Privilege</a></li>
62 - </ul>
63 - </div>
64 - <div class="category-box">
65 - <h3>Immigration</h3>
66 - <ul>
67 - <li><a href="/xwiki/bin/view/Main%20Categories/Immigration">Overview</a></li>
68 - <li><a href="/xwiki/bin/view/Main%20Categories/Immigration/Border%20Policy">Border Policy</a></li>
69 - </ul>
70 - </div>
71 - <!~-~- Add more categories here as needed ~-~->
72 - </div>
42 +<h2>πŸ“š Knowledge Domains</h2>
43 +<div class="dashboard-columns">
73 73  
74 - <div class="section">
75 - <h2>🧠 Research & Stats</h2>
76 - ~{~{include reference="Main%20Categories.Research%20and%20stats.ResearchStatsWidget"/}}
45 + <div class="dashboard-column">
46 + <h3>🌍 Race</h3>
47 + <ul>
48 + <li><a href="/bin/view/Main%20Categories/Race/Hatred">Hatred</a></li>
49 + <li><a href="/bin/view/Main%20Categories/Race/Demographics">Demographics</a></li>
50 + <li><a href="/bin/view/Main%20Categories/Race/Videos">Videos</a></li>
51 + </ul>
52 +
53 + <h3>βš–οΈ Discrimination</h3>
54 + <ul>
55 + <li><a href="/bin/view/Main%20Categories/Discrimination/Employment%20Disparities">Employment Disparities</a></li>
56 + <li><a href="/bin/view/Main%20Categories/Discrimination/Black%20Privilege">Black Privilege</a></li>
57 + <li><a href="/bin/view/Main%20Categories/Discrimination/Videos">Videos</a></li>
58 + </ul>
59 +
60 + <h3>πŸ“œ History</h3>
61 + <ul>
62 + <li><a href="/bin/view/Main%20Categories/History/Colonialism">Colonialism</a></li>
63 + <li><a href="/bin/view/Main%20Categories/History/Slavery">Slavery</a></li>
64 + <li><a href="/bin/view/Main%20Categories/History/Videos">Videos</a></li>
65 + </ul>
77 77   </div>
78 78  
79 - <div class="section">
80 - <h2>🎯 Arguments & Counterarguments</h2>
81 - ~{~{include reference="Main%20Categories.Arguments%20and%20Counterarguments.ArgumentsWidget"/}}
68 + <div class="dashboard-column">
69 + <h3>🌐 Immigration</h3>
70 + <ul>
71 + <li><a href="/bin/view/Main%20Categories/Immigration/Border%20Policy">Border Policy</a></li>
72 + <li><a href="/bin/view/Main%20Categories/Immigration/Statistics">Immigration Statistics</a></li>
73 + <li><a href="/bin/view/Main%20Categories/Immigration/Videos">Videos</a></li>
74 + </ul>
75 +
76 + <h3>πŸ“° Media</h3>
77 + <ul>
78 + <li><a href="/bin/view/Main%20Categories/Media/Propaganda">Propaganda</a></li>
79 + <li><a href="/bin/view/Main%20Categories/Media/Censorship">Censorship</a></li>
80 + <li><a href="/bin/view/Main%20Categories/Media/Videos">Videos</a></li>
81 + </ul>
82 +
83 + <h3>πŸ“Š Genetics</h3>
84 + <ul>
85 + <li><a href="/bin/view/Main%20Categories/Genetics/IQ">IQ</a></li>
86 + <li><a href="/bin/view/Main%20Categories/Genetics/Studies">Studies</a></li>
87 + <li><a href="/bin/view/Main%20Categories/Genetics/Videos">Videos</a></li>
88 + </ul>
89 +
90 + <h3>πŸ₯ Healthcare</h3>
91 + <ul>
92 + <li><a href="/bin/view/Main%20Categories/Healthcare/Fertility">Fertility</a></li>
93 + <li><a href="/bin/view/Main%20Categories/Healthcare/Medical%20Bias">Medical Bias</a></li>
94 + <li><a href="/bin/view/Main%20Categories/Healthcare/Videos">Videos</a></li>
95 + </ul>
82 82   </div>
83 83  
84 - <div class="section">
85 - <h2>πŸ•“ Recent Activity</h2>
86 - ~{~{activity/}}
98 + <div class="dashboard-column">
99 + <h3>🏫 Education</h3>
100 + <ul>
101 + <li><a href="/bin/view/Main%20Categories/Education/Achievement%20Gaps">Achievement Gaps</a></li>
102 + <li><a href="/bin/view/Main%20Categories/Education/School%20Policy">School Policy</a></li>
103 + <li><a href="/bin/view/Main%20Categories/Education/Videos">Videos</a></li>
104 + </ul>
105 +
106 + <h3>πŸ‘ΌπŸΎ Crime</h3>
107 + <ul>
108 + <li><a href="/bin/view/Main%20Categories/Crime/Injustice">Injustice</a></li>
109 + <li><a href="/bin/view/Main%20Categories/Crime/Crime%20Stats">Crime Stats</a></li>
110 + <li><a href="/bin/view/Main%20Categories/Crime/Videos">Videos</a></li>
111 + </ul>
112 +
113 + <h3>🧠 AI & Tech</h3>
114 + <ul>
115 + <li><a href="/bin/view/Main%20Categories/AI and Technology/AI Bias">AI Bias</a></li>
116 + <li><a href="/bin/view/Main%20Categories/AI and Technology/Hypocrisy">Hypocrisy</a></li>
117 + <li><a href="/bin/view/Main%20Categories/AI and Technology/Videos">Videos</a></li>
118 + </ul>
119 +
120 + <h3>πŸ³οΈβ€πŸŒˆ LGBTQ</h3>
121 + <ul>
122 + <li><a href="/bin/view/Main%20Categories/LGBTQ/Studies">Studies</a></li>
123 + <li><a href="/bin/view/Main%20Categories/LGBTQ/Media">LGBTQ in Media</a></li>
124 + <li><a href="/bin/view/Main%20Categories/LGBTQ/Videos">Videos</a></li>
125 + </ul>
87 87   </div>
88 88  
89 - <div class="section">
128 +</div>
129 +{{/html}}
130 +
131 +---
132 +
133 +## πŸ“Š Research & Stats
134 +{{include reference="Main.Categories.Research and Stats.ResearchStatsWidget"/}}
135 +
136 +---
137 +
138 +## 🎯 Arguments & Counterarguments
139 +{{include reference="Main.Categories.Arguments and Counterarguments.ArgumentsWidget"/}}
140 +
141 +---
142 +
143 +<div class="flex-bottom">
144 + <div>
90 90   <h2>🏷️ Tags</h2>
91 - ~{~{tagcloud/}}
146 + {{tagcloud/}}
92 92   </div>
148 + <div>
149 + <h2>πŸ•“ Recent Activity</h2>
150 + {{activity limit="5"/}}
151 + </div>
93 93  </div>
94 -~{~{/html}}
95 -
153 +