Eco:Dashboard: Difference between revisions

VisualWikitext

Latest revision as of 05:56, 10 April 2025

Lang English

Pages 2,178

Edits 13,396

Users 2 / 1,719

Admins 4

Icon grid

Featured title

Paragraph of text beneath the heading to explain the heading.

Featured title

Paragraph of text beneath the heading to explain the heading.

Featured title

Paragraph of text beneath the heading to explain the heading.

Featured title

Paragraph of text beneath the heading to explain the heading.

Featured title

Paragraph of text beneath the heading to explain the heading.

Featured title

Paragraph of text beneath the heading to explain the heading.

Featured title

Paragraph of text beneath the heading to explain the heading.

Featured title

Paragraph of text beneath the heading to explain the heading.

Change the background

Swap the background-color utility and add a `.text-*` color utility to mix up the jumbotron look. Then, mix and match with additional component themes and more.

         <button class="btn btn-outline-light" type="button">Example button</button>

Add borders

Or, keep it light and add a border for some added definition to the boundaries of your content. Be sure to look under the hood at the source HTML here as we've adjusted the alignment and sizing of both column's content for equal-height.

         <button class="btn btn-outline-secondary" type="button">Example button</button>

Shift E

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

   <a href="#" class="btn btn-primary">Go somewhere</a>

Featured

Card title

Card subtitle

Some quick example text to build on the card title and make up the bulk of the card's content.

   <a href="#" class="card-link">Card link</a>
   <a href="#" class="card-link">Another link</a>

Special Pages

MediaWiki:Mainpage - Main WiKi Page
MediaWiki:Sidebar - Top WiKi menu

MediaWiki:Sitenotice -
MediaWiki:Copyright -
MediaWiki:Deletereason-dropdown - delete reasons
MediaWiki:Ipbreason-dropdown - Block reasons

Eco:About -
Template:WikiCommunity -

Data

Modules

Module:Utils

Module:FoodDetails

Module:CommandTable

Module:EcopediaString

Localization

Templates

                 <a href="contacts.html" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
                   <img src="assets/images/users.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">

Users

Manage admin people

                 </a>

                 <a href="#" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
                   <img src="assets/images/group.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">

Groups

Create grouping lists

                 </a>

                 <a href="dashboard5.html" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
                   <img src="assets/images/dashboard.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">

Dashboard

Insights about company

                 </a>

                 <a href="#" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
                   <img src="assets/images/devices.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">

Devices

Secure data devices

                 </a>

                 <a href="#" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
                   <img src="assets/images/apps.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">

Apps

Manage app settings

                 </a>

                 <a href="account-settings.html" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
                   <img src="assets/images/security.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">

Security

Configure security logs

                 </a>

@@ Line 1: / Line 1: @@
-<div>
+<div class="container-fluid">
+<div class="row g-3 mb-3">
+                <div class="col-xxl-2 col-lg-3 col-sm-4 col-12"><div class="jumbotron">Lang [https://wiki.play.eco/Main_Page {{#language:{{CONTENTLANGUAGE}}}}]</div></div>
+              <div class="col-xxl-2 col-lg-3 col-sm-4 col-12"><div class="jumbotron">Pages [[Special:AllPages|{{NUMBEROFPAGES}}]]</div></div>
+              <div class="col-xxl-2 col-lg-3 col-sm-4 col-12"><div class="jumbotron">Edits [[Special:RecentChanges|{{NUMBEROFEDITS}}]]</div></div>
+              <div class="col-xxl-2 col-lg-3 col-sm-4 col-12"><div class="jumbotron">Users [[Special:ActiveUsers|{{NUMBEROFACTIVEUSERS}}]] / [[Special:ListUsers|{{NUMBEROFUSERS}}]] </div></div>
+              <div class="col-xxl-2 col-lg-3 col-sm-4 col-12"><div class="jumbotron">Admins  <big>{{NUMBEROFADMINS}}</big></div></div>
+</div>
+<div class="container px-4 py-5" id="icon-grid">
+    <h2 class="pb-2 border-bottom">Icon grid</h2>
+    <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4 py-5">
+      <div class="col d-flex align-items-start">
+		{{Icon |name = Log |style = 1 |size = 96}}
+        <div>
+          <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Featured title</h3>
+          <p>Paragraph of text beneath the heading to explain the heading.</p>
+        </div>
+      </div>
+      <div class="col d-flex align-items-start">
+        <i class="ph ph-file-text bi text-body-secondary flex-shrink-0 me-3" style="font-size: 1.75em;" aria-hidden="true"></i>
+        <div>
+          <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Featured title</h3>
+          <p>Paragraph of text beneath the heading to explain the heading.</p>
+        </div>
+      </div>
+      <div class="col d-flex align-items-start">
+        <i class="ph ph-file-text bi text-body-secondary flex-shrink-0 me-3" style="font-size: 1.75em;" aria-hidden="true"></i>
+        <div>
+          <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Featured title</h3>
+          <p>Paragraph of text beneath the heading to explain the heading.</p>
+        </div>
+      </div>
+      <div class="col d-flex align-items-start">
+        <i class="ph ph-file-text bi text-body-secondary flex-shrink-0 me-3" style="font-size: 1.75em;" aria-hidden="true"></i>
+        <div>
+          <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Featured title</h3>
+          <p>Paragraph of text beneath the heading to explain the heading.</p>
+        </div>
+      </div>
+      <div class="col d-flex align-items-start">
+        <i class="ph ph-file-text bi text-body-secondary flex-shrink-0 me-3" style="font-size: 1.75em;" aria-hidden="true"></i>
+        <div>
+          <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Featured title</h3>
+          <p>Paragraph of text beneath the heading to explain the heading.</p>
+        </div>
+      </div>
+      <div class="col d-flex align-items-start">
+        <i class="ph ph-file-text bi text-body-secondary flex-shrink-0 me-3" style="font-size: 1.75em;" aria-hidden="true"></i>
+        <div>
+          <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Featured title</h3>
+          <p>Paragraph of text beneath the heading to explain the heading.</p>
+        </div>
+      </div>
+      <div class="col d-flex align-items-start">
+        <i class="ph ph-file-text bi text-body-secondary flex-shrink-0 me-3" style="font-size: 1.75em;" aria-hidden="true"></i>
+        <div>
+          <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Featured title</h3>
+          <p>Paragraph of text beneath the heading to explain the heading.</p>
+        </div>
+      </div>
+      <div class="col d-flex align-items-start">
+        <i class="ph ph-file-text bi text-body-secondary flex-shrink-0 me-3" style="font-size: 1.75em;" aria-hidden="true"></i>
+        <div>
+          <h3 class="fw-bold mb-0 fs-4 text-body-emphasis">Featured title</h3>
+          <p>Paragraph of text beneath the heading to explain the heading.</p>
+        </div>
+      </div>
+    </div>
+<div class="row align-items-md-stretch">
+      <div class="col-md-6">
+        <div class="h-100 p-5 text-white bg-dark rounded-3">
+          <h2 class="text-white">Change the background</h2>
+          <p>Swap the background-color utility and add a `.text-*` color utility to mix up the jumbotron look. Then, mix and match with additional component themes and more.</p>
+          <button class="btn btn-outline-light" type="button">Example button</button>
+        </div>
+      </div>
+      <div class="col-md-6">
+        <div class="h-100 p-5 bg-light border rounded-3">
+          <h2>Add borders</h2>
+          <p>Or, keep it light and add a border for some added definition to the boundaries of your content. Be sure to look under the hood at the source HTML here as we've adjusted the alignment and sizing of both column's content for equal-height.</p>
+          <button class="btn btn-outline-secondary" type="button">Example button</button>
+        </div>
+      </div>
+    </div>
+{{LMB}} {{MMB}} {{RMB}}  {{Key|Shift}} {{Key|E}}
+<div class="row">
+<div class="col-sm">
+<div class="card">
+[[File:Banner4k.jpg|class=card-img-top|link=]]
+  <div class="card-body">
+    <h5 class="card-title">Card title</h5>
+    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+    <a href="#" class="btn btn-primary">Go somewhere</a>
+  </div>
+</div>
+</div>
+<div class="col-sm">
+<div class="card bg-dark">
+  <div class="card-header">Featured</div>
+  <div class="card-body">
+    <h5 class="card-title">Card title</h5>
+    <h6 class="card-subtitle mb-2 text-muted">Card subtitle</h6>
+    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
+    <a href="#" class="card-link">Card link</a>
+    <a href="#" class="card-link">Another link</a>
+  </div>
+</div>
+</div>
+</div>
+</div>
+__NOTOC__
+__NOTITLE__
+* [[https://wiki.play.eco/en/Special:AllPages?from=&to=&namespace=8 MediaWiki Pages]]
+* [[https://wiki.play.eco/en/Special:AllPages?from=&to=&namespace=4 Eco Pages]]
+* [[https://wiki.play.eco/en/Special:AllPages?from=&to=&namespace=12 Help Pages]]
+* [[https://wiki.play.eco/en/Special:AllPages?from=&to=&namespace=828 Modules]]
+* [[https://wiki.play.eco/en/Special:AllPages?from=&to=&namespace=10 Templates]]
+* [[https://wiki.play.eco/en/Special:AllPages?from=&to=&namespace=14 Category]]
+* [[https://wiki.play.eco/en/Special:AllPages?from=&to=&namespace=3000 Mod Pages]]
+<div class="row">
+<div class="col-lg3">
+== Special Pages ==
+* [[MediaWiki:Mainpage]]  - Main WiKi Page
+* [[MediaWiki:Sidebar]]  - Top WiKi menu
+* [[MediaWiki:Sitenotice]]  -
+* [[MediaWiki:Copyright]]  -
+* [[MediaWiki:Deletereason-dropdown]]  - delete reasons
+* [[MediaWiki:Ipbreason-dropdown]] - Block reasons
+* [[Eco:About]]  -
+* [[Template:WikiCommunity]]  -
+* [[MediaWiki:Common.css]]  -
+* [[MediaWiki:Common.js]]  -
+* [[Special:SpecialPages]]
+* [[Special:Version]]  -
+* [[Special:Log]]  -
+* [[Special:Categories]]  -
+</div>
+<div class="col-lg3">
+== Data ==
+* [[Module:ItemData]]
+* [[Module:AnimalData]]
+* [[Module:CommandData]]
+* [[Module:RecipeData]]
+* [[Module:PlantData]]
+* [[Module:TreeData]]
+* [[Module:SkillData]]
+* [[Module:TalentData]]
+* [[Module:EcopediaData]]
+* [[Module:EcoVersionData]]
 </div>
+<div class="col-lg-3">
+== Modules ==
+* [[Module:Utils]]
+* [[Module:GetRecipes]]
+* [[Module:RecipeTable]]
+* [[Module:CraftingParser]]
+* [[Module:FoodDetails]]
+* [[Module:SkillList]]
+* [[Module:SkillDetails]]
+* [[Module:CommandTable]]
+* [[Module:TagDetails]]
+* [[Module:TagList]]
+* [[Module:Infobox_Item]]
+* [[Module:Infobox_Plant]]
+* [[Module:Infobox_Animal]]
+* [[Module:Infobox_Skill]]
+* [[Module:EcopediaString]]
+=== Localization ===
+* [[Module:Localization]]
+* [[Module:LocalizationData]]
+</div>
+<div class="col-lg-3">
+== Templates ==
+* [[Template:SkillList]]
+* [[Template:SkillDetails]]
+* [[Template:ChatCommands]]
+* [[Template:RecipeTable]]
+* [[Template:TagDetails]]
+* [[Template:FoodDetails]]
+* [[Template:Infobox Skill]]
+* [[Template:Infobox Plant]]
+* [[Template:Infobox Item]]
+* [[Template:Infobox Animal]]
+* [[Template:Mbox]]
+* [[Template:contentneeded]]
+* [[Template:imagesneeded]]
+* [[Template:WikiCommunity]]
+</div>
+</div>
+<div class="container-fluid">
+<div class="row">
+<div class="row g-3 mb-3">
+                <div class="col-xxl-2 col-lg-3 col-sm-4 col-12">
+                  <a href="contacts.html" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
+                    <img src="assets/images/users.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">
+                    <h5>Users</h5>
+                    <p>Manage admin people</p>
+                  </a>
+                </div>
+                <div class="col-xxl-2 col-lg-3 col-sm-4 col-12">
+                  <a href="#" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
+                    <img src="assets/images/group.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">
+                    <h5>Groups</h5>
+                    <p>Create grouping lists</p>
+                  </a>
+                </div>
+                <div class="col-xxl-2 col-lg-3 col-sm-4 col-12">
+                  <a href="dashboard5.html" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
+                    <img src="assets/images/dashboard.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">
+                    <h5>Dashboard</h5>
+                    <p>Insights about company</p>
+                  </a>
+                </div>
+                <div class="col-xxl-2 col-lg-3 col-sm-4 col-12">
+                  <a href="#" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
+                    <img src="assets/images/devices.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">
+                    <h5>Devices</h5>
+                    <p>Secure data devices</p>
+                  </a>
+                </div>
+                <div class="col-xxl-2 col-lg-3 col-sm-4 col-12">
+                  <a href="#" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
+                    <img src="assets/images/apps.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">
+                    <h5>Apps</h5>
+                    <p>Manage app settings</p>
+                  </a>
+                </div>
+                <div class="col-xxl-2 col-lg-3 col-sm-4 col-12">
+                  <a href="account-settings.html" class="tile-link d-flex align-items-center flex-column text-center rounded-2">
+                    <img src="assets/images/security.svg" class="img-3x m-auto mb-4" alt="Admin Dashboards">
+                    <h5>Security</h5>
+                    <p>Configure security logs</p>
+                  </a>
+                </div>
+</div>
+</div>
+[[de:Eco:Dashboard]]
+[[fr:Eco:Dashboard]]
+[[ru:Eco:Dashboard]]