Ashes of Creation Wiki

We've Moved! Just as Gamepedia has joined forces with Fandom, this wiki had joined forces with our Fandom equivalent. The wiki has been archived and we ask that readers and editors move to the now combined wiki on Fandom. Click to go to the new wiki.

READ MORE

Ashes of Creation Wiki
Line 97: Line 97:
   
 
[[User:Herdo|Herdo]] ([[User talk:Herdo|talk]]) 14:57, 11 May 2017 (UTC)
 
[[User:Herdo|Herdo]] ([[User talk:Herdo|talk]]) 14:57, 11 May 2017 (UTC)
  +
  +
==Prototype==
  +
  +
This is a prototype for the front page.
  +
Images would be added later on the real front page.
  +
  +
  +
Applied CSS:
  +
div.front-page-group {
  +
width: 444px;
  +
height: 230px;
  +
float: left;
  +
margin: 8px;
  +
background-color: lightblue;
  +
border:3px solid #505050;
  +
font-size:24px;
  +
}
  +
  +
table.front-page-table {
  +
width:100%;
  +
height:100%;
  +
}
  +
  +
table.front-page-table tr:first-child {
  +
height: 80px;
  +
}
  +
  +
table.front-page-table td {
  +
text-align:center;
  +
vertical-align:middle;
  +
min-width:222px;
  +
}
  +
  +
table.front-page-table a {
  +
color:#FFFFFF !important; /* Need to do this in order to prevent the color being changed by the wiki engine for existing and non-existing pages */
  +
}
  +
  +
table.front-page-table a:hover {
  +
color:#EEEEEE !important; /* Need to do this in order to prevent the color being changed by the wiki engine for existing and non-existing pages */
  +
}
  +
  +
table.front-page-table th a {
  +
font-size:32px;
  +
}
  +
  +
Example:
  +
  +
<div id="outer" style="float:left;">
  +
<div class="front-page-group"><table class="front-page-table"><tr><th colspan=2>[[General Information]]</th></tr>
  +
<tr><td>[[Developer]]</td><td>[[Publisher]]</td></tr>
  +
<tr><td>[[Technical Details]]</td><td>[[Social Media]]</td></tr>
  +
</table></div>
  +
<div class="front-page-group"><table class="front-page-table"><tr><th colspan=2>[[PvE]]</th></tr>
  +
<tr><td>[[Dungeons]]</td><td>[[Monsters]]</td></tr>
  +
<tr><td>[[Quests]]</td><td>[[Raids]]</td></tr>
  +
</table></div>
  +
<div class="front-page-group"><table class="front-page-table"><tr><th colspan=2>[[PvP]]</th></tr>
  +
<tr><td>[[Open World]]</td><td>[[Battlegrounds]]</td></tr>
  +
<tr><td>[[Sieges]]</td><td>[[Arenas]]</td></tr>
  +
</table></div>
  +
<div class="front-page-group"><table class="front-page-table"><tr><th colspan=2>[[Character Options]]</th></tr>
  +
<tr><td>[[Archetypes]]</td><td>[[Character Editor]]</td></tr>
  +
<tr><td>[[Races]]</td><td>[[Gear]]</td></tr>
  +
</table></div>
  +
<div class="front-page-group"><table class="front-page-table"><tr><th colspan=2>[[Social]]</th></tr>
  +
<tr><td>[[Housing]]</td><td>[[Pets]]</td></tr>
  +
<tr><td colspan=2>[[Governance]]</td></tr>
  +
</table></div>
  +
<div class="front-page-group"><table class="front-page-table"><tr><th colspan=2>[[Economics]]</th></tr>
  +
<tr><td>[[Artisan Classes]]</td><td>[[Auctionhouse]]</td></tr>
  +
<tr><td colspan=2>[[Caravans]]</td></tr>
  +
</table></div>
  +
<div class="front-page-group"><table class="front-page-table"><tr><th colspan=2>[[Transportation]]</th></tr>
  +
<tr><td>[[Mounts]]</td><td>[[Ships]]</td></tr>
  +
</table></div>
  +
<div class="front-page-group"><table class="front-page-table"><tr><th colspan=2>[[World]]</th></tr>
  +
<tr><td>[[Lore]]</td><td>[[Nodes]]</td></tr>
  +
</table></div>
  +
</div>
  +
  +
[[User:Herdo|Herdo]] ([[User talk:Herdo|talk]]) 19:15, 11 May 2017 (UTC)
   
 
== Redoing the main page and styles ==
 
== Redoing the main page and styles ==

Revision as of 19:15, 11 May 2017

The front page could use some more organizing.

It seems to me like there could be a table or several tables for different areas of the game. PvP, PvE, economic stuff, character options, and other RP stuff. Perhaps a table? I'll put some ideas below. If you got any suggestions feel free to post them. --Trubr (talk) 19:05, 9 May 2017 (UTC)

Table Concept #1 - One big table.

Good for keeping things aligned, but lacks subheaders for subcategories by default.

Game Systems
PvE PvP
Dungeons Raids Caravans Sieges
Node Development Open World PvP
RP
Housing Small Pets Mounts Ships
Quests Lore The World
Trade Activities Character Options
Gathering Processing Archetypes Races
Crafting Trading Abilities

--Trubr (talk) 19:05, 9 May 2017 (UTC)

Table Concept #2 - Embedded tables.

Allows captions to be used as a form of table header, with subcategories as headers. Doesn't work as well with keeping things aligned.

Game Systems
PvE
Open World
Quests Nodes
Instanced
Dungeons Raids
PvP
Open World
Caravans Sieges
Player Killing
RP
Trade Activities Character Options
Gathering Processing Archetypes Races
Crafting Trading Abilities
Other
Housing Small Pets Mounts Ships
Lore The World

--Trubr (talk) 19:05, 9 May 2017 (UTC)

Graphical front page concept

Rather than displaying the tables as plain text tables, I'd like to suggest using some media inside. Some images to visualize the primary topic and the subtopics being listd below. However, this should be made adaptive:

  • Display 2 or 3 primary topics side by side, in 2 or 3 rows on normal PCs.
  • Display each primary topic beneath the prior primary topic on mobiles.

Example:

noframe

Herdo (talk) 16:36, 10 May 2017 (UTC)

yeah, I kinda like that. Just the green is awful. Encredechine (talk) 16:48, 10 May 2017 (UTC)
Finding a good color to match that background image is kinda difficult. But AFAIK, we would need some CSS styling to provide background images for tables (and specific cells) Herdo (talk) 18:06, 10 May 2017 (UTC)
Suggested layout based on (slightly modified) Trubr suggestions:
Example start page group layout

Herdo (talk) 20:40, 10 May 2017 (UTC)

It definitely looks better than what we have now with the text all off to one side. However, as a person who generally only has a Wiki page cover half a screen to act as a little game guide, how does it look to people who only cover up half the screen?--Trubr (talk) 02:08, 11 May 2017 (UTC)
The single groups would wrap, if there's not enough space available. Same mechanic should apply to the mobile version:
Wiki Front Page Layout - half

Herdo (talk) 14:57, 11 May 2017 (UTC)

Prototype

This is a prototype for the front page. Images would be added later on the real front page.


Applied CSS:

div.front-page-group {
   width: 444px;
   height: 230px;
   float: left;
   margin: 8px;
   background-color: lightblue;
   border:3px solid #505050;
   font-size:24px;
}

table.front-page-table {
   width:100%;
   height:100%;
}

table.front-page-table tr:first-child {
   height: 80px;
}

table.front-page-table td {
   text-align:center;
   vertical-align:middle;
   min-width:222px;
}

table.front-page-table a {
   color:#FFFFFF !important; /* Need to do this in order to prevent the color being changed by the wiki engine for existing and non-existing pages */
}

table.front-page-table a:hover {
   color:#EEEEEE !important; /* Need to do this in order to prevent the color being changed by the wiki engine for existing and non-existing pages */
}

table.front-page-table th a {
   font-size:32px;
}

Example:

Herdo (talk) 19:15, 11 May 2017 (UTC)

Redoing the main page and styles

Heya, I just want to make it clear, that I'm not married to this current look of the site. But before you do bigger changes - please test it in a personal css and create an editcopy of the main page. Thank you! Encredechine (talk) 16:52, 10 May 2017 (UTC)

Prior to that, a design discussion should be completed with a full, and final, layout of the front page. We may then start to modify it in a test environment. Herdo (talk) 18:10, 10 May 2017 (UTC)
Just to be clear, I don't have permissions to edit the front page and I wouldn't even like to have such permissions. I'm not an experienced contributor myself and feel like the front page is more for advanced users. I just really don't like the lack of categorization on the front page. The Kickstarter for Ashes of Creation brought forth some new information and people seeking such information. Thought I'd start the talk page to lay down an idea and a means to discuss what I see as an issue. By the way, know any good beginner guides on testing creating and using test environments? --Trubr (talk) 20:06, 10 May 2017 (UTC)