Improved text for contact form
Extracted constants for some links
CSS fix 1: clicked/focused link disappears in top-level navigation
removed outline border on focused element
CSS fix 2: top- and sub-level elements look the same in mobile nav
top-level elements are clickable but do nothing
diff --git a/css/style.css b/css/style.css
index d7e862f..e20c3c0 100644
--- a/css/style.css
+++ b/css/style.css
@@ -82,6 +82,9 @@
.navbar-default .navbar-nav li a { color: #fff; }
.navbar-default .navbar-nav li a:hover { color: #faa635; }
+/* prevent top-level nav-item text from disappearing on dark background-image */
+.navbar-default.affix-top .navbar-nav > li > a:focus { color: #faa635; outline: none; }
+
/* woud be nice to have dark transparent menu background when menu is displayed over header image, and white background otherwise
.nav .dropdown:hover { background-color: rgba(96,96,96,0.8); display: block; border-top-left-radius: 5px; border-top-right-radius: 5px; }
*/
@@ -112,6 +115,9 @@
.nav-mobile ul ul a { padding: 10px 15px; }
.nav-mobile > ul > li > a { font-size: 20px; }
+/* better distinct top- and sub-level navigation items in mobile mode */
+.nav-mobile > ul > li.dropdown > a { color: #585858; background-color: #e39731; cursor: none; pointer-events: none; }
+
/* ==========================================================================
#Intro
========================================================================== */
@@ -345,6 +351,10 @@
#Section Contact
========================================================================== */
.section-contact { padding: 36px 0 74px; background: #5d5d5d; }
+
+.form-head > p { line-height: 1.4; text-align: justify; }
+.form-head > p > a { color: white; text-decoration: underline; }
+
.form-contact .form-head { margin-bottom: 20px; text-align: center; }
.form-contact h3 { margin-bottom: 3px; font-family: 'Dax-Regular', sans-serif; font-size: 45px; color: #fff; }
.form-contact h3 span { color: #fe9915; font-weight: bold; }
diff --git a/index.php b/index.php
index 88f92f6..bdf34f3 100755
--- a/index.php
+++ b/index.php
@@ -12,6 +12,8 @@
'open-source' => 'The Scout framework is open source software and free to use for both personal and commercial projects. At the same time, Scout profits from ' .
'the world-class IP management enforced in all Eclipse projects.'
];
+$URL_STACK_OVERFLOW = 'https://stackoverflow.com/tags/eclipse-scout';
+$URL_SCOUT_FORUM = 'https://www.eclipse.org/forums/index.php?t=thread&frm_id=174';
?><!DOCTYPE html>
<html lang="en">
<head>
@@ -63,8 +65,8 @@
<a href="#">Community</a>
<ul>
- <li><a target="_blank" href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=174">Eclipse Scout Forum</a></li>
- <li><a target="_blank" href="https://stackoverflow.com/tags/eclipse-scout">Stack Overflow</a></li>
+ <li><a target="_blank" href="<?php echo $URL_SCOUT_FORUM; ?>">Eclipse Scout Forum</a></li>
+ <li><a target="_blank" href="<?php echo $URL_STACK_OVERFLOW; ?>">Stack Overflow</a></li>
<li><a target="_blank" href="https://github.com/eclipse/scout.rt">View Source on GitHub</a></li>
<li><a target="_blank" href="https://bugs.eclipse.org/bugs/buglist.cgi?bug_status=UNCONFIRMED&bug_status=NEW&bug_status=ASSIGNED&bug_status=REOPENED&bug_status=RESOLVED&bug_status=VERIFIED&columnlist=bug_id%2Cbug_severity%2Cpriority%2Ctarget_milestone%2Cbug_status%2Cresolution%2Ccomponent%2Cassigned_to%2Cshort_desc&list_id=10272285&product=Scout&query_format=advanced">
View Open Bugs</a></li>
@@ -127,8 +129,8 @@
<a href="#" >Community</a>
<ul class="dropdown-menu" role="menu">
- <li><a target="_blank" href="https://www.eclipse.org/forums/index.php?t=thread&frm_id=174">Eclipse Scout Forum</a></li>
- <li><a target="_blank" href="https://stackoverflow.com/tags/eclipse-scout">Stack Overflow</a></li>
+ <li><a target="_blank" href="<?php echo $URL_SCOUT_FORUM; ?>">Eclipse Scout Forum</a></li>
+ <li><a target="_blank" href="<?php echo $URL_STACK_OVERFLOW; ?>">Stack Overflow</a></li>
<li><a target="_blank" href="https://github.com/eclipse/scout.rt">View Source on GitHub</a></li>
<li><a target="_blank" href="https://bugs.eclipse.org/bugs/buglist.cgi?bug_status=UNCONFIRMED&bug_status=NEW&bug_status=ASSIGNED&bug_status=REOPENED&bug_status=RESOLVED&bug_status=VERIFIED&columnlist=bug_id%2Cbug_severity%2Cpriority%2Ctarget_milestone%2Cbug_status%2Cresolution%2Ccomponent%2Cassigned_to%2Cshort_desc&list_id=10272285&product=Scout&query_format=advanced">
View Open Bugs</a></li>
@@ -590,7 +592,9 @@
<div class="form-head">
<h3>Ask a Question</h3>
- <p>We can help. Tell us about your project and we'll get in touch.</p>
+ <p>We can help. Tell us about your project and we'll get in touch.
+ For technical questions please use the <a target="_blank" href="<?php echo $URL_STACK_OVERFLOW; ?>">Scout Forum</a>
+ or <a target="_blank" href="<?php echo $URL_STACK_OVERFLOW; ?>">Stack Overflow</a>.</p>
<p class="form-success" id="scroll"></p><!-- /.form-errors -->
<p class="form-errors"></p><!-- /.form-errors -->
</div><!-- /.form-head -->
@@ -618,20 +622,6 @@
<textarea name="message" id="message" cols="30" rows="10" placeholder="Message" class="textarea form-control"></textarea>
</div><!-- /.form-row -->
- <!--
- <div class="form-row">
- <div class="form-controls">
- <div class="checkbox custom-checkbox">
- <input type="checkbox" name="newsletter" id="newsletter" checked="YES" />
-
- <label for="newsletter" class="form-label">
- <span class="custom-checkbox-fake"></span>
- I wish to receive the quarterly Scout NEWSLETTER
- </label>
- </div>
- </div>
- </div>
- -->
</div><!-- /.form-body -->
<div class="form-actions">
