GUI Overhaul (the Visual Side) - The Battle for Wesnoth Forums

<!DOCTYPE html> <html dir="ltr" lang="en-gb"> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>GUI Overhaul (the Visual Side) - The Battle for Wesnoth Forums</title> <link rel="alternate" type="application/atom+xml" title="Feed - The Battle for Wesnoth Forums" href="/app.php/feed?sid=2ce4a4d6dc16397f4aaf7752bc3a02e9"> <link rel="alternate" type="application/atom+xml" title="Feed - News" href="/app.php/feed/news?sid=2ce4a4d6dc16397f4aaf7752bc3a02e9"> <link rel="alternate" type="application/atom+xml" title="Feed - All forums" href="/app.php/feed/forums?sid=2ce4a4d6dc16397f4aaf7752bc3a02e9"> <link rel="alternate" type="application/atom+xml" title="Feed - New Topics" href="/app.php/feed/topics?sid=2ce4a4d6dc16397f4aaf7752bc3a02e9"> <link rel="alternate" type="application/atom+xml" title="Feed - Forum - Art Development" href="/app.php/feed/forum/18?sid=2ce4a4d6dc16397f4aaf7752bc3a02e9"> <link rel="alternate" type="application/atom+xml" title="Feed - Topic - GUI Overhaul (the Visual Side)" href="/app.php/feed/topic/32080?sid=2ce4a4d6dc16397f4aaf7752bc3a02e9"> <link rel="canonical" href="https://forums.wesnoth.org/viewtopic.php?t=32080">  <link href="./../styles/prosilver/theme/normalize.css?assets_version=264" rel="stylesheet"> <link href="./../styles/prosilver/theme/base.css?assets_version=264" rel="stylesheet"> <link href="./../styles/prosilver/theme/utilities.css?assets_version=264" rel="stylesheet"> <link href="./../styles/prosilver/theme/common.css?assets_version=264" rel="stylesheet"> <link href="./../styles/prosilver/theme/links.css?assets_version=264" rel="stylesheet"> <link href="./../styles/prosilver/theme/content.css?assets_version=264" rel="stylesheet"> <link href="./../styles/prosilver/theme/buttons.css?assets_version=264" rel="stylesheet"> <link href="./../styles/prosilver/theme/cp.css?assets_version=264" rel="stylesheet"> <link href="./../styles/prosilver/theme/forms.css?assets_version=264" rel="stylesheet"> <link href="./../styles/prosilver/theme/icons.css?assets_version=264" rel="stylesheet"> <link href="./../styles/prosilver/theme/colours.css?assets_version=264" rel="stylesheet"> <link href="./../styles/prosilver/theme/responsive.css?assets_version=264" rel="stylesheet"> <link href="./../assets/css/font-awesome.min.css?assets_version=264" rel="stylesheet"> <link href="./../styles/prosilver_se/theme/stylesheet.css?assets_version=264" rel="stylesheet"> <link href="./../styles/prosilver/theme/en/stylesheet.css?assets_version=264" rel="stylesheet"> <link href="./../assets/cookieconsent/cookieconsent.min.css?assets_version=264" rel="stylesheet">  <link rel="apple-touch-icon" type="image/png" href="https://www.wesnoth.org/wesmere/img/apple-touch-icon.png" sizes="180x180" /> <link rel="icon" type="image/png" href="https://www.wesnoth.org/wesmere/img/favicon-32.png" sizes="32x32" /> <link rel="icon" type="image/png" href="https://www.wesnoth.org/wesmere/img/favicon-16.png" sizes="16x16" /> <meta name="theme-color" content="#0f1421" /> <link href="https://www.wesnoth.org/wesmere/css/forums-1.2.0.css" rel="stylesheet" type="text/css" /> <style> /* * phpBB overrides */ #page-header > .headerbar { display: none!important; } body { padding-top: 0; } /*.search-header { margin-top: 0; margin-right: 0; box-shadow: 0 0 2px #0075B0; }*/ </style> </head> <body id="phpbb" class="nojs notouch section-viewtopic//viewtopic ltr "> <div id="wesmere-embed"> <div id="nav" role="banner"> <div class="centerbox"> <div id="logo"> <a href="https://www.wesnoth.org/" aria-label="Wesnoth logo"></a> </div> <ul id="navlinks" role="navigation"> <li><a href="https://www.wesnoth.org/">Home</a></li> <li><a href="https://forums.wesnoth.org/viewforum.php?f=62">News</a></li> <li><a href="https://wiki.wesnoth.org/Play">Play</a></li> <li><a href="https://wiki.wesnoth.org/Create">Create</a></li> <li><a href="https://forums.wesnoth.org/">Forums</a></li> <li><a href="https://wiki.wesnoth.org/Project">About</a></li> </ul> <div id="sitesearch" role="search"> <form method="get" action="./../search.php?sid=2ce4a4d6dc16397f4aaf7752bc3a02e9"> <input id="searchbox" class="has-advanced-search" type="search" name="keywords" placeholder="Search" title="Search these forums [Alt+Shift+f]" accesskey="f" /> <span id="searchbox-controls"> <button id="search-go" class="search-button" type="submit" title="Search"> <i class="fa fa-fw fa-search search-icon" aria-hidden="true"></i> <span class="sr-label">Search</span> </button> <a id="search-opts" class="search-button" href="./../search.php?sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" title="Advanced search"> <i class="fa fa-fw fa-cog advsearch-icon" aria-hidden="true"></i> <span class="sr-label">Advanced search</span> </a> </span> </form> </div> <div class="reset"></div> </div> </div> </div> <div id="content"> <div id="wrap" class="wrap"> <a id="top" class="top-anchor" accesskey="t"></a> <div id="page-header"> <div class="headerbar" role="banner"> <div class="inner"> <div id="site-description" class="site-description"> <a id="logo" class="logo" href="./../index.php?sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" title="Forums"> <span class="site_logo"></span> </a> <h1>The Battle for Wesnoth Forums</h1> <p>The official forums for The Battle for Wesnoth.</p> <p class="skiplink"><a href="#start_here">Skip to content</a></p> </div> <div id="search-box" class="search-box search-header" role="search"> <form action="./../search.php?sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" method="get" id="search"> <fieldset> <input name="keywords" id="keywords" type="search" maxlength="128" title="Search for keywords" class="inputbox search tiny" size="20" value="" placeholder="Search…" /> <button class="button button-search" type="submit" title="Search"> <i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">Search</span> </button> <a href="./../search.php?sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="button button-search-end" title="Advanced search"> <i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">Advanced search</span> </a> <input type="hidden" name="sid" value="2ce4a4d6dc16397f4aaf7752bc3a02e9" /> </fieldset> </form> </div> </div> </div> <div class="navbar" role="navigation"> <div class="inner"> <ul id="nav-main" class="nav-main linklist" role="menubar"> <li id="quick-links" class="quick-links dropdown-container responsive-menu" data-skip-responsive="true"> <a href="#" class="dropdown-trigger"> <i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>Quick links</span> </a> <div class="dropdown"> <div class="pointer"><div class="pointer-inner"></div></div> <ul class="dropdown-contents" role="menu"> <li class="separator"></li> <li> <a href="./../search.php?search_id=unanswered&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" role="menuitem"> <i class="icon fa-file-o fa-fw icon-gray" aria-hidden="true"></i><span>Unanswered topics</span> </a> </li> <li> <a href="./../search.php?search_id=active_topics&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" role="menuitem"> <i class="icon fa-file-o fa-fw icon-blue" aria-hidden="true"></i><span>Active topics</span> </a> </li> <li class="separator"></li> <li> <a href="./../search.php?sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" role="menuitem"> <i class="icon fa-search fa-fw" aria-hidden="true"></i><span>Search</span> </a> </li> <li class="separator"></li> </ul> </div> </li> <li data-skip-responsive="true"> <a href="/app.php/help/faq?sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" rel="help" title="Frequently Asked Questions" role="menuitem"> <i class="icon fa-question-circle fa-fw" aria-hidden="true"></i><span>FAQ</span> </a> </li> <li data-last-responsive="true"> <a href="https://forums.wesnoth.org/viewtopic.php?t=24277&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" rel="help" title="View the Community Guidelines" role="menuitem"> <i class="icon fa-book fa-fw" aria-hidden="true"></i><span>Community Guidelines</span> </a> </li> <li class="rightside" data-skip-responsive="true"> <a href="./../ucp.php?mode=login&redirect=viewtopic.php%2F%2Fviewtopic.php%3Fp%3D464772&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" title="Login" accesskey="x" role="menuitem"> <i class="icon fa-power-off fa-fw" aria-hidden="true"></i><span>Login</span> </a> </li> <li class="rightside" data-skip-responsive="true"> <a href="./../ucp.php?mode=register&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" role="menuitem"> <i class="icon fa-pencil-square-o fa-fw" aria-hidden="true"></i><span>Register</span> </a> </li> </ul> <ul id="nav-breadcrumbs" class="nav-breadcrumbs linklist navlinks" role="menubar"> <li class="breadcrumbs" itemscope itemtype="https://schema.org/BreadcrumbList"> <span class="crumb" itemtype="https://schema.org/ListItem" itemprop="itemListElement" itemscope><a itemprop="item" href="./../index.php?sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" accesskey="h" data-navbar-reference="index"><i class="icon fa-home fa-fw"></i><span itemprop="name">Forums</span></a><meta itemprop="position" content="1" /></span> <span class="crumb" itemtype="https://schema.org/ListItem" itemprop="itemListElement" itemscope data-forum-id="26"><a itemprop="item" href="./../viewforum.php?f=26&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9"><span itemprop="name">Development</span></a><meta itemprop="position" content="2" /></span> <span class="crumb" itemtype="https://schema.org/ListItem" itemprop="itemListElement" itemscope data-forum-id="18"><a itemprop="item" href="./../viewforum.php?f=18&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9"><span itemprop="name">Art Development</span></a><meta itemprop="position" content="3" /></span> </li> <li class="rightside responsive-search"> <a href="./../search.php?sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" title="View the advanced search options" role="menuitem"> <i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">Search</span> </a> </li> </ul> </div> </div> </div> <a id="start_here" class="anchor"></a> <div id="page-body" class="page-body" role="main"> <h2 class="topic-title"><a href="./../viewtopic.php?t=32080&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9">GUI Overhaul (the Visual Side)</a></h2>  <div style="display: none !important;">Production of artwork for the game by regular contributors takes place here.<br /></div> <p> <strong>Moderator:</strong> <a style="color:#008000;" href="./../memberlist.php?mode=group&g=6643&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9">Forum Moderators</a> </p> <div class="action-bar bar-top"> <a href="./../posting.php?mode=reply&t=32080&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="button" title="Post a reply"> <span>Post Reply</span> <i class="icon fa-reply fa-fw" aria-hidden="true"></i> </a> <div class="search-box" role="search"> <form method="get" id="topic-search" action="./../search.php?sid=2ce4a4d6dc16397f4aaf7752bc3a02e9"> <fieldset> <input class="inputbox search tiny" type="search" name="keywords" id="search_keywords" size="20" placeholder="Search this topic…" /> <button class="button button-search" type="submit" title="Search"> <i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">Search</span> </button> <a href="./../search.php?sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="button button-search-end" title="Advanced search"> <i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">Advanced search</span> </a> <input type="hidden" name="t" value="32080" /> <input type="hidden" name="sf" value="msgonly" /> <input type="hidden" name="sid" value="2ce4a4d6dc16397f4aaf7752bc3a02e9" /> </fieldset> </form> </div> <div class="pagination"> 3 posts • Page <strong>1</strong> of <strong>1</strong> </div> </div> <div id="p463923" class="post has-profile bg2"> <div class="inner"> <dl class="postprofile" id="profile463923"> <dt class="has-profile-rank has-avatar"> <div class="avatar-container"> <a href="./../memberlist.php?mode=viewprofile&u=685&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="avatar"><img class="avatar" src="./../download/file.php?avatar=685_1223012634.png" width="80" height="80" alt="User avatar" /></a> </div> <a href="./../memberlist.php?mode=viewprofile&u=685&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" style="color: #0080FF;" class="username-coloured">Eleazar</a> </dt> <dd class="profile-rank">Retired Terrain Art Director</dd> <dd class="profile-posts"><strong>Posts:</strong> <a href="./../search.php?author_id=685&sr=posts&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9">2481</a></dd> <dd class="profile-joined"><strong>Joined:</strong> July 16th, 2004, 1:47 am</dd> <dd class="profile-custom-field profile-phpbb_location"><strong>Location:</strong> US Midwest</dd> <dd class="profile-contact"> <strong>Contact:</strong> <div class="dropdown-container dropdown-left"> <a href="#" class="dropdown-trigger" title="Contact Eleazar"> <i class="icon fa-commenting-o fa-fw icon-lg" aria-hidden="true"></i><span class="sr-only">Contact Eleazar</span> </a> <div class="dropdown"> <div class="pointer"><div class="pointer-inner"></div></div> <div class="dropdown-contents contact-icons"> <div> <a href="http://www.jwbjerk.com" title="Website" class="last-cell"> <span class="contact-icon phpbb_website-icon">Website</span> </a> </div> </div> </div> </div> </dd> </dl> <div class="postbody"> <div id="post_content463923"> <h3 class="first"> <a href="./../viewtopic.php?p=463923&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9#p463923">GUI Overhaul (the Visual Side)</a> </h3> <ul class="post-buttons"> <li> <a href="./../posting.php?mode=quote&p=463923&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" title="Reply with quote" class="button button-icon-only"> <i class="icon fa-quote-left fa-fw" aria-hidden="true"></i><span class="sr-only">Quote</span> </a> </li> </ul> <p class="author"> <a class="unread" href="./../viewtopic.php?p=463923&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9#p463923" title="Post"> <i class="icon fa-file fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only">Post</span> </a> <span class="responsive-hide">by <strong><a href="./../memberlist.php?mode=viewprofile&u=685&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" style="color: #0080FF;" class="username-coloured">Eleazar</a></strong> » </span><time datetime="2010-11-03T02:36:22+00:00">November 3rd, 2010, 2:36 am</time> </p> <div class="content">* Skeleton Crew has been plugging away working on the guts of the GUI-- so it is now easier to change things.<br> * I've also gotten my first mobile touch device, love it, and think much of Wesnoth's future lies in tablets and other portable devices-- since they will become a bigger part of the computer pie, and Wesnoth potentially works well in that format.<br> * And while the visual quality has steadily increased in pretty much every other area, the GUI is starting to look thread-bear and neglected.<br> <br> So i've been thinking over various GUI-related things, and wanted to start getting ideas and concepts out.<br> <br> <br> <span style="font-size:150%;line-height:116%">Click V.S. Poke</span><br> Touch device resolution is quickly increasing so that TINYGUI isn't necessarily needed to make everything fit on the screen at once. However, that doesn't mean the interface is a useable touch interface. Big, blunt fingers need a much larger target than mouse pointers. My original thought was to use screen resolution to indicate weather touch-size or mouse-sized button/etc. should be used. But that doesn't take into account the radically different sizes (and pixel densities) that are now available. For instance a tablet and a phone (or even a 10" tablet and a 7" tablet) might have the same pixel dimensions, but the size of useable buttons would vary greatly.<br> <br> Obviously making optimal interfaces for all these possible screens would be impractical, though the following approach get's close enough. Have a switch, TOUCHGUI, (either preferences, or in the compile) that makes the buttons as big as they can be, regardless of the pixels size. This isn't a true pixel independent interface (and thus not as hard to do), since interface elements that don't need to be clicked/poked, can still have a fixed pixel size. Alternatively we can just make the buttons as big as they can be at minimum resolution (800x480), and hope that is big enough for high density small displays.<br> <br> <br> <br> <br> <span style="font-size:150%;line-height:116%">Style</span><br> West has a very good start <a href="http://forums.wesnoth.org/viewtopic.php?f=9&t=24598&start=30#p348271" class="postlink">here</a>. The general direction i envision: richer, darker, and less transparency. Transparency can have it's place, but it has more of a techy, sci-fi flavor. It really doesn't belong (for instance) on our main screen-- not with the more authentic style i'd like to have.<br> <br> <strong class="text-strong">The Main Screen Background</strong><br> I love maps (no really-- i have spent probably thousands of hours of my life making maps) but the map on our main-screen really present Wesnoth as well as it could (especially if you don't speak English). I use a story screen in my example. I'm not pushing that particular image-- in fact, i think it would be best to commission new main screen images, and/or to hold a contest-- once we get positioning nailed down better.<br> <br> <br> <span style="font-size:150%;line-height:116%">Functionality</span><br> A few points in our GUI are sorely lacking in functionality, especially the Add-on Dialog. Hopefully can move to something more like <a href="http://wiki.wesnoth.org/GUI#Campaign_download_Dialog" class="postlink">this</a>.<br> <br> <br> <span style="font-size:150%;line-height:116%">Mock-Ups</span><br> Depending on how we approach things, these are mockups for screens smaller than 1024x768, or for TOUCHGUI screens. At larger resolutions (not shown) the main menu might detach from the sides of the screen, as it does now-- i need to think about it.<br> <br> The tips don't really fit on touch scaled screens below 1024x768, solution: get rid of them at those sizes.<br> <br> <img class="smilies" src="./../images/smilies/icon_arrow.gif" width="15" height="15" alt=":arrow:" title="Arrow"> In fact we could reasonably remove them from the main screen altogether-- I've always found tips more interesting when they are on load screens, when you otherwise have nothing new to look at.<br> <br> <span style="font-size:150%;line-height:116%">Moving Forward</span><br> I don't have as much time for Wesnoth as i did this summer, but i plan to put the bulk of it (besides what it takes to maintain terrain) for a while into GUI. As is fitting with the immensity of this task, once some planning groundwork is laid it should be tackled piece by piece.<br> <br> <br> EDIT: without the tips, "HELP" really needs to be added to the main menu, which adds to an already bloated number of options. It would be good to consolidate some of those....</div> <dl class="attachbox"> <dt> Attachments </dt> <dd> <dl class="thumbnail"> <dt><a href="./../download/file.php?id=46741&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9&mode=view"><img src="./../download/file.php?id=46741&t=1&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="postimage" alt="Note that all parts are not equally polished" title="BFW 800.jpg (315.31 KiB) Viewed 19002 times" /></a></dt> <dd> Note that all parts are not equally polished</dd> </dl> </dd> <dd> <dl class="thumbnail"> <dt><a href="./../download/file.php?id=46740&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9&mode=view"><img src="./../download/file.php?id=46740&t=1&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="postimage" alt="Note that all parts are not equally polished" title="BFW 480.jpg (282.12 KiB) Viewed 19002 times" /></a></dt> <dd> Note that all parts are not equally polished</dd> </dl> </dd> </dl> <div id="sig463923" class="signature"><span style="font-size:92%;line-height:116%">Feel free to PM me if you start a new terrain oriented thread. It's easy for me to miss them among all the other art threads.<br> <a href="http://www.wesnoth.org/wiki/User:Eleazar" class="postlink">-> What i might be working on</a><br> <span style="color:#666666">Attempting Lucidity</span></span></div> </div> </div> <div class="back2top"> <a href="#top" class="top" title="Top"> <i class="icon fa-chevron-circle-up fa-fw icon-gray" aria-hidden="true"></i> <span class="sr-only">Top</span> </a> </div> </div> </div> <div id="p464759" class="post has-profile bg1"> <div class="inner"> <dl class="postprofile" id="profile464759"> <dt class="has-profile-rank has-avatar"> <div class="avatar-container"> <a href="./../memberlist.php?mode=viewprofile&u=110981&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="avatar"><img class="avatar" src="./../download/file.php?avatar=110981_1231525760.jpg" width="100" height="100" alt="User avatar" /></a> </div> <a href="./../memberlist.php?mode=viewprofile&u=110981&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" style="color: #0080FF;" class="username-coloured">LordBob</a> </dt> <dd class="profile-rank">Portrait Director</dd> <dd class="profile-posts"><strong>Posts:</strong> <a href="./../search.php?author_id=110981&sr=posts&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9">1309</a></dd> <dd class="profile-joined"><strong>Joined:</strong> December 8th, 2008, 8:18 pm</dd> <dd class="profile-custom-field profile-phpbb_location"><strong>Location:</strong> Lille, France</dd> <dd class="profile-contact"> <strong>Contact:</strong> <div class="dropdown-container dropdown-left"> <a href="#" class="dropdown-trigger" title="Contact LordBob"> <i class="icon fa-commenting-o fa-fw icon-lg" aria-hidden="true"></i><span class="sr-only">Contact LordBob</span> </a> <div class="dropdown"> <div class="pointer"><div class="pointer-inner"></div></div> <div class="dropdown-contents contact-icons"> <div> <a href="http://www.theartysquid.com" title="Website" class="last-cell"> <span class="contact-icon phpbb_website-icon">Website</span> </a> </div> </div> </div> </div> </dd> </dl> <div class="postbody"> <div id="post_content464759"> <h3 > <a href="./../viewtopic.php?p=464759&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9#p464759">Re: GUI Overhaul (the Visual Side)</a> </h3> <ul class="post-buttons"> <li> <a href="./../posting.php?mode=quote&p=464759&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" title="Reply with quote" class="button button-icon-only"> <i class="icon fa-quote-left fa-fw" aria-hidden="true"></i><span class="sr-only">Quote</span> </a> </li> </ul> <p class="author"> <a class="unread" href="./../viewtopic.php?p=464759&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9#p464759" title="Post"> <i class="icon fa-file fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only">Post</span> </a> <span class="responsive-hide">by <strong><a href="./../memberlist.php?mode=viewprofile&u=110981&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" style="color: #0080FF;" class="username-coloured">LordBob</a></strong> » </span><time datetime="2010-11-10T22:28:18+00:00">November 10th, 2010, 10:28 pm</time> </p> <div class="content">I've been meaning to reply to this for some time now, but kept delaying.<br> <br> One question : beyond a visual overhaul of the GUI, what exactly are you aiming at ? Are you refering to<br> * a platform-based differenciation of the GUI's functionnalities and appearance<br> * or a unique GUI that would be shared and equally usable on both pc and touch devices ?<br> <br> Incidentally, the mock-ups look pretty much like the title screen of the existing iPhone App. Wouldn't it mean that what you're refering to already exists ?<br> <br> <br> Anyway, I agree that it's something we're in dire need of.<br> Style-wise, the gaming industry has produced great stuff with parchment (take for instance the <a href="http://pcmedia.ign.com/pc/image/article/701/701845/heroes-of-might-and-magic-v-20060414034041824_640w.jpg" class="postlink">GUI of HoMM V</a>). It's a path we might want to explore, especially if we're trying to change the logo for something that has a more calligraphic / handwritten style</div> </div> </div> <div class="back2top"> <a href="#top" class="top" title="Top"> <i class="icon fa-chevron-circle-up fa-fw icon-gray" aria-hidden="true"></i> <span class="sr-only">Top</span> </a> </div> </div> </div> <div id="p464772" class="post has-profile bg2"> <div class="inner"> <dl class="postprofile" id="profile464772"> <dt class="has-profile-rank has-avatar"> <div class="avatar-container"> <a href="./../memberlist.php?mode=viewprofile&u=685&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="avatar"><img class="avatar" src="./../download/file.php?avatar=685_1223012634.png" width="80" height="80" alt="User avatar" /></a> </div> <a href="./../memberlist.php?mode=viewprofile&u=685&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" style="color: #0080FF;" class="username-coloured">Eleazar</a> </dt> <dd class="profile-rank">Retired Terrain Art Director</dd> <dd class="profile-posts"><strong>Posts:</strong> <a href="./../search.php?author_id=685&sr=posts&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9">2481</a></dd> <dd class="profile-joined"><strong>Joined:</strong> July 16th, 2004, 1:47 am</dd> <dd class="profile-custom-field profile-phpbb_location"><strong>Location:</strong> US Midwest</dd> <dd class="profile-contact"> <strong>Contact:</strong> <div class="dropdown-container dropdown-left"> <a href="#" class="dropdown-trigger" title="Contact Eleazar"> <i class="icon fa-commenting-o fa-fw icon-lg" aria-hidden="true"></i><span class="sr-only">Contact Eleazar</span> </a> <div class="dropdown"> <div class="pointer"><div class="pointer-inner"></div></div> <div class="dropdown-contents contact-icons"> <div> <a href="http://www.jwbjerk.com" title="Website" class="last-cell"> <span class="contact-icon phpbb_website-icon">Website</span> </a> </div> </div> </div> </div> </dd> </dl> <div class="postbody"> <div id="post_content464772"> <h3 > <a href="./../viewtopic.php?p=464772&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9#p464772">Re: GUI Overhaul (the Visual Side)</a> </h3> <ul class="post-buttons"> <li> <a href="./../posting.php?mode=quote&p=464772&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" title="Reply with quote" class="button button-icon-only"> <i class="icon fa-quote-left fa-fw" aria-hidden="true"></i><span class="sr-only">Quote</span> </a> </li> </ul> <p class="author"> <a class="unread" href="./../viewtopic.php?p=464772&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9#p464772" title="Post"> <i class="icon fa-file fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only">Post</span> </a> <span class="responsive-hide">by <strong><a href="./../memberlist.php?mode=viewprofile&u=685&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" style="color: #0080FF;" class="username-coloured">Eleazar</a></strong> » </span><time datetime="2010-11-11T01:37:37+00:00">November 11th, 2010, 1:37 am</time> </p> <div class="content"><blockquote><div><cite>LordBob wrote:</cite>One question : beyond a visual overhaul of the GUI, what exactly are you aiming at ? Are you refering to<br> * a platform-based differenciation of the GUI's functionnalities and appearance<br> * or a unique GUI that would be shared and equally usable on both pc and touch devices ? </div></blockquote> I'm not exactly sure of the distinction you are making, but i think i'm talking about some of both.<br> <blockquote><div><cite>LordBob wrote:</cite>Incidentally, the mock-ups look pretty much like the title screen of the existing iPhone App. Wouldn't it mean that what you're refering to already exists ?</div></blockquote> The iphone app doesn't use GUI2, and is presumably not adjustable to arbitrary resolutions. But yes, if Wesnoth is going to be decent on a touch screen, it will need to look more like the iphone app and less like a shrunk down version of the normal screen.<br> <br> <blockquote><div><cite>LordBob wrote:</cite>Style-wise, the gaming industry has produced great stuff with parchment (take for instance the <a href="http://pcmedia.ign.com/pc/image/article/701/701845/heroes-of-might-and-magic-v-20060414034041824_640w.jpg" class="postlink">GUI of HoMM V</a>). It's a path we might want to explore, especially if we're trying to change the logo for something that has a more calligraphic / handwritten style</div></blockquote> Parchment = bright GUI. Wesnoth has traditionally had a dark GUI, and it think dark generally frames our game better. Not to mention that it will be much easier/elegant to incrementally to upgrade to a new, but still dark style than to upgrade to parchment backgrounds (against which nearly all text colors would be unreadable, for instance)</div> <div id="sig464772" class="signature"><span style="font-size:92%;line-height:116%">Feel free to PM me if you start a new terrain oriented thread. It's easy for me to miss them among all the other art threads.<br> <a href="http://www.wesnoth.org/wiki/User:Eleazar" class="postlink">-> What i might be working on</a><br> <span style="color:#666666">Attempting Lucidity</span></span></div> </div> </div> <div class="back2top"> <a href="#top" class="top" title="Top"> <i class="icon fa-chevron-circle-up fa-fw icon-gray" aria-hidden="true"></i> <span class="sr-only">Top</span> </a> </div> </div> </div> <div class="action-bar bar-bottom"> <a href="./../posting.php?mode=reply&t=32080&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="button" title="Post a reply"> <span>Post Reply</span> <i class="icon fa-reply fa-fw" aria-hidden="true"></i> </a> <form method="post" action="./../viewtopic.php?t=32080&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9"> <div class="dropdown-container dropdown-container-left dropdown-button-control sort-tools"> <span title="Display and sorting options" class="button button-secondary dropdown-trigger dropdown-select"> <i class="icon fa-sort-amount-asc fa-fw" aria-hidden="true"></i> <span class="caret"><i class="icon fa-sort-down fa-fw" aria-hidden="true"></i></span> </span> <div class="dropdown hidden"> <div class="pointer"><div class="pointer-inner"></div></div> <div class="dropdown-contents"> <fieldset class="display-options"> <label>Display: <select name="st" id="st"><option value="0" selected="selected">All posts</option><option value="1">1 day</option><option value="7">7 days</option><option value="14">2 weeks</option><option value="30">1 month</option><option value="90">3 months</option><option value="180">6 months</option><option value="365">1 year</option></select></label> <label>Sort by: <select name="sk" id="sk"><option value="a">Author</option><option value="t" selected="selected">Post time</option><option value="s">Subject</option></select></label> <label>Direction: <select name="sd" id="sd"><option value="a" selected="selected">Ascending</option><option value="d">Descending</option></select></label> <hr class="dashed" /> <input type="submit" class="button2" name="sort" value="Go" /> </fieldset> </div> </div> </div> </form> <div class="pagination"> 3 posts • Page <strong>1</strong> of <strong>1</strong> </div> </div> <div class="action-bar actions-jump"> <p class="jumpbox-return"> <a href="./../viewforum.php?f=18&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="left-box arrow-left" accesskey="r"> <i class="icon fa-angle-left fa-fw icon-black" aria-hidden="true"></i><span>Return to “Art Development”</span> </a> </p> <div class="jumpbox dropdown-container dropdown-container-right dropdown-up dropdown-left dropdown-button-control" id="jumpbox"> <span title="Jump to" class="button button-secondary dropdown-trigger dropdown-select"> <span>Jump to</span> <span class="caret"><i class="icon fa-sort-down fa-fw" aria-hidden="true"></i></span> </span> <div class="dropdown"> <div class="pointer"><div class="pointer-inner"></div></div> <ul class="dropdown-contents"> <li><a href="./../viewforum.php?f=64&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-cat-link"> <span> Announcements</span></a></li> <li><a href="./../viewforum.php?f=62&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   News</span></a></li> <li><a href="./../viewforum.php?f=25&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-cat-link"> <span> General</span></a></li> <li><a href="./../viewforum.php?f=6&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Users’ Forum</span></a></li> <li><a href="./../viewforum.php?f=70&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span> <span>↳   Tournaments</span></a></li> <li><a href="./../viewforum.php?f=5&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Release Announcements, Compiling & Installation</span></a></li> <li><a href="./../viewforum.php?f=4&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Technical Support</span></a></li> <li><a href="./../viewforum.php?f=67&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span> <span>↳   iOS Support</span></a></li> <li><a href="./../viewforum.php?f=3&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Strategies & Tips</span></a></li> <li><a href="./../viewforum.php?f=37&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Gameplay Feedback</span></a></li> <li><a href="./../viewforum.php?f=22&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span> <span>↳   Mainline Campaign Feedback</span></a></li> <li><a href="./../viewforum.php?f=46&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   Tutorial</span></a></li> <li><a href="./../viewforum.php?f=40&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   A Tale of Two Brothers</span></a></li> <li><a href="./../viewforum.php?f=41&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   An Orcish Incursion</span></a></li> <li><a href="./../viewforum.php?f=42&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   The South Guard</span></a></li> <li><a href="./../viewforum.php?f=39&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   Heir to the Throne</span></a></li> <li><a href="./../viewforum.php?f=43&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   Liberty</span></a></li> <li><a href="./../viewforum.php?f=51&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   Legend of Wesmere (single player)</span></a></li> <li><a href="./../viewforum.php?f=56&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   Legend of Wesmere (multiplayer)</span></a></li> <li><a href="./../viewforum.php?f=49&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   Eastern Invasion</span></a></li> <li><a href="./../viewforum.php?f=55&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   The Hammer of Thursagan</span></a></li> <li><a href="./../viewforum.php?f=54&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   Descent into Darkness</span></a></li> <li><a href="./../viewforum.php?f=52&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   Delfador’s Memoirs</span></a></li> <li><a href="./../viewforum.php?f=45&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   Dead Water</span></a></li> <li><a href="./../viewforum.php?f=65&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   Secrets of the Ancients</span></a></li> <li><a href="./../viewforum.php?f=48&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   Sceptre of Fire</span></a></li> <li><a href="./../viewforum.php?f=53&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   Son of the Black Eye</span></a></li> <li><a href="./../viewforum.php?f=44&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   The Rise of Wesnoth</span></a></li> <li><a href="./../viewforum.php?f=47&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   Northern Rebirth</span></a></li> <li><a href="./../viewforum.php?f=50&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   Under the Burning Suns</span></a></li> <li><a href="./../viewforum.php?f=71&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span> <span>↳   Winds of Fate</span></a></li> <li><a href="./../viewforum.php?f=31&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span> <span>↳   Add-on Feedback</span></a></li> <li><a href="./../viewforum.php?f=17&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Website</span></a></li> <li><a href="./../viewforum.php?f=26&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-cat-link"> <span> Development</span></a></li> <li><a href="./../viewforum.php?f=9&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Art Contributions</span></a></li> <li><a href="./../viewforum.php?f=23&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Art Workshop</span></a></li> <li><a href="./../viewforum.php?f=32&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Writers’ Forum</span></a></li> <li><a href="./../viewforum.php?f=21&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   WML Workshop</span></a></li> <li><a href="./../viewforum.php?f=58&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Lua Labs</span></a></li> <li><a href="./../viewforum.php?f=19&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Faction & Era Development</span></a></li> <li><a href="./../viewforum.php?f=15&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Multiplayer Development</span></a></li> <li><a href="./../viewforum.php?f=8&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Scenario & Campaign Development</span></a></li> <li><a href="./../viewforum.php?f=38&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span> <span>↳   Mainline Campaign Development</span></a></li> <li><a href="./../viewforum.php?f=68&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span> <span>↳   UMC Replays</span></a></li> <li><a href="./../viewforum.php?f=14&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Music & Sound Development</span></a></li> <li><a href="./../viewforum.php?f=7&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Translations & Internationalization</span></a></li> <li><a href="./../viewforum.php?f=60&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span> <span>↳   Translation Stats</span></a></li> <li><a href="./../viewforum.php?f=12&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Ideas</span></a></li> <li><a href="./../viewforum.php?f=10&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Coder’s Corner</span></a></li> <li><a href="./../viewforum.php?f=2&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Developers’ Discussions</span></a></li> <li><a href="./../viewforum.php?f=73&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span> <span>↳   Wesnoth Organizational Updates</span></a></li> <li><a href="./../viewforum.php?f=18&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Art Development</span></a></li> <li><a href="./../viewforum.php?f=28&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-cat-link"> <span> Miscellaneous</span></a></li> <li><a href="./../viewforum.php?f=13&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Game Development</span></a></li> <li><a href="./../viewforum.php?f=11&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Off-Topic</span></a></li> <li><a href="./../viewforum.php?f=61&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳   Forum Games</span></a></li> </ul> </div> </div> </div> </div> <div id="page-footer" class="page-footer" role="contentinfo"> <div class="navbar" role="navigation"> <div class="inner"> <ul id="nav-footer" class="nav-footer linklist" role="menubar"> <li class="breadcrumbs"> <span class="crumb"><a href="./../index.php?sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" data-navbar-reference="index"><i class="icon fa-home fa-fw" aria-hidden="true"></i><span>Forums</span></a></span> </li> <li class="rightside">All times are <span title="UTC">UTC</span></li> <li class="rightside"> <a href="./../ucp.php?mode=delete_cookies&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" data-ajax="true" data-refresh="true" role="menuitem"> <i class="icon fa-trash fa-fw" aria-hidden="true"></i><span>Delete cookies</span> </a> </li> </ul> </div> </div> <div id="darkenwrapper" class="darkenwrapper" data-ajax-error-title="AJAX error" data-ajax-error-text="Something went wrong when processing your request." data-ajax-error-text-abort="User aborted request." data-ajax-error-text-timeout="Your request timed out; please try again." data-ajax-error-text-parsererror="Something went wrong with the request and the server returned an invalid reply."> <div id="darken" class="darken"> </div> </div> <div id="phpbb_alert" class="phpbb_alert" data-l-err="Error" data-l-timeout-processing-req="Request timed out."> <a href="#" class="alert_close"> <i class="icon fa-times-circle fa-fw" aria-hidden="true"></i> </a> <h3 class="alert_title"> </h3><p class="alert_text"></p> </div> <div id="phpbb_confirm" class="phpbb_alert"> <a href="#" class="alert_close"> <i class="icon fa-times-circle fa-fw" aria-hidden="true"></i> </a> <div class="alert_text"></div> </div> </div> </div> <div class="copyright"> <p class="footer-row"> <span class="footer-copyright">Powered by <a href="https://www.phpbb.com/">phpBB</a>® Forum Software © phpBB Limited</span> </p> <p class="footer-row" role="menu"> <a class="footer-link" href="./../ucp.php?mode=privacy&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" title="Privacy" role="menuitem"> <span class="footer-link-text">Privacy</span> </a> | <a class="footer-link" href="./../ucp.php?mode=terms&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" title="Terms" role="menuitem"> <span class="footer-link-text">Terms</span> </a> </p> </div> <div> <a id="bottom" class="anchor" accesskey="z"></a> </div> <script src="./../assets/javascript/jquery-3.6.0.min.js?assets_version=264"></script> <script src="./../assets/javascript/core.js?assets_version=264"></script> <script type="text/javascript"> var CodeboxExpandText = "Expand"; var CodeboxCollapseText = "Collapse"; </script> <script src="./../assets/cookieconsent/cookieconsent.min.js?assets_version=264"></script> <script> if (typeof window.cookieconsent === "object") { window.addEventListener("load", function(){ window.cookieconsent.initialise({ "palette": { "popup": { "background": "#0F538A" }, "button": { "background": "#E5E5E5" } }, "theme": "classic", "content": { "message": "This\u0020website\u0020uses\u0020cookies\u0020to\u0020ensure\u0020you\u0020get\u0020the\u0020best\u0020experience\u0020on\u0020our\u0020website.", "dismiss": "Got\u0020it\u0021", "link": "Learn\u0020more", "href": "./../ucp.php?mode=privacy&sid=2ce4a4d6dc16397f4aaf7752bc3a02e9" } }); }); } </script> </div>  <script src="./../styles/prosilver/template/forum_fn.js?assets_version=264"></script> <script src="./../styles/prosilver/template/ajax.js?assets_version=264"></script> </body> </html>

CINXE.COM

GUI Overhaul (the Visual Side) - The Battle for Wesnoth Forums