Permalink
Browse files

Improving user experience of manual and main page on mobile devices

  • Loading branch information...
TimLethbridge committed Aug 1, 2017
1 parent 9cde0b6 commit fc9fc2201255c2e2f4f1dbb15ad886e5a5cb4804
Showing with 31 additions and 41 deletions.
  1. +6 −6 umplewww/files/layout.css
  2. +25 −35 umplewww/index.html
View
@@ -11,16 +11,16 @@ p, b, ol, ul, li {line-height: 12pt;}
/* HEADER STYLE */
span.header {white-space:pre-line; margin:0; padding:0;}
span.header img.uOttawaAbbr {border:0;height:2px;width:130px;}
span.header img.uOttawa {border:1;height:2px;width:650px;}
span.header img.uOttawaAbbr {border:0;height:2px}
span.header img.uOttawa {border:1;height:2px;width:100%;}
/* BODY STYLE */
table.body {width:780px; border-collapse:collapse; }
table.body {width:100%; border-collapse:collapse; }
td.indicatorBlocks {vertical-align:top;}
td.indicatorBlocks img {border:0;height:30px;width:30;padding:15px 1px 0 0;}
td.dotSeparator { vertical-align:top;padding:0 10px 0 1px;}
td.menu {vertical-align: top; width:100px; padding: 13px 0 0 0; white-space: nowrap;}
td.menu {vertical-align: top; width:20%; padding: 13px 0 0 0}
td.menu div.title {border-bottom: 1px solid #999999; font-weight:bold; font-size: 11px; padding-top:5px; padding-left:5px; background-color: #eeeeee; filter:alpha(opacity='70', style='0');}
@@ -31,7 +31,7 @@ td.menu div.level1 {border-bottom: 1px dotted #999999; font-weight:bold; font-si
td.menu div.level1 a {color:black;text-decoration:none;}
td.menu div.level1 a:hover {text-decoration:underline;}
td.menu div.level2 {font-size: 10px; padding-left:20px;}
td.menu div.level2 {font-size: 10px; padding-left:20px; padding-top:4px; }
td.menu div.level2 a {color:black;text-decoration:none;}
td.menu div.level2 a:hover {text-decoration:underline;}
td.menu div.level2 b {font-size: 10px;}
@@ -40,4 +40,4 @@ td.menu div.level2 b {font-size: 10px;}
td.content {vertical-align: top; width:100%; padding: 13px 0 0 0;}
td.content pre {white-space:normal;}
p.description {margin-bottom:1em;}
td.content ul {margin:-10;padding:10;}
td.content ul {margin:-10;padding:10;}
View
@@ -3,6 +3,7 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="files/layout.css" />
<script type="text/javascript" src="files/script.js"></script>
<title>Umple: Merging Modeling with Programming</title>
@@ -46,12 +47,6 @@
</style>
<body>
<span class="header" summary="University of Ottawa banner"><a
href="http://www.uottawa.ca/welcome.html" target="_blank"><img
src="files/left_generic.jpg" alt="uOttawa" class="uOttawaAbbr" /></a><img
src="files/bg_header_title.jpg" class="uOttawa" alt="University of Ottawa
- Canadas University" /></span>
<table class="body" >
<tbody>
<tr>
@@ -84,7 +79,7 @@
<div class="level2"><b><a
href="http://philosophy.umple.org">Philosophy and Vision
href="http://philosophy.umple.org">Philosophy
</a></b></div>
<div class="level2"><b><a
@@ -101,11 +96,11 @@
<div class="level1">Downloads</div>
<div class="level2"><b><a
href="https://github.com/umple/umple/releases">Official Releases
href="https://github.com/umple/umple/releases">Releases
</a></b></div>
<div class="level2"><b><a
href="http://try.umple.org/scripts/umple.jar">Cutting edge command line jar
href="http://try.umple.org/scripts/umple.jar">Latest built jar
</a></b></div>
<div class="level2"><b><a
@@ -122,64 +117,59 @@
<div class="level2"><b><a
href="https://github.com/umple/umple/wiki/Publications">Publications and
presentations
href="https://github.com/umple/umple/wiki/Publications">Publications
</a></b></div>
<div class="level2"><b><a
href="http://www.citeulike.org/group/18117">CiteULike Umple Group
href="http://www.citeulike.org/group/18117">CiteULike
</a></b></div>
<div class="level2"><b><a
href="http://www.mendeley.com/groups/3493941/umple/papers/">Mendeley Umple Group
href="http://www.mendeley.com/groups/3493941/umple/papers/">Mendeley
</a></b></div>
<div class="level1">Social and External Media</div>
<div class="level1">Social Media</div>
<div class="level2"><a href="https://www.facebook.com/umple.org">Umple Facebook Page with news
<div class="level2"><a href="https://www.facebook.com/umple.org">Facebook
</a></div>
<div class="level2"><a href="https://plus.google.com/+UmpleOrg">Umple Google+ Page
<div class="level2"><a href="https://plus.google.com/+UmpleOrg">Google+
</a></div>
<div class="level2"><a href="http://www.youtube.com/playlist?list=PLA6E9B1AE9E2D6677">Umple YouTube Playlist
<div class="level2"><a href="http://www.youtube.com/playlist?list=PLA6E9B1AE9E2D6677">YouTube
</a></div>
<div class="level2"><a href="http://en.wikipedia.org/wiki/Umple">Umple Wikipedia Page</a></div>
<div class="level2"><a href="http://en.wikipedia.org/wiki/Umple">Wikipedia</a></div>
<div class="level2"><a href="http://www.ohloh.net/p/Umple">Blackduck Openhub Page
<div class="level2"><a href="http://www.ohloh.net/p/Umple">Openhub
</a></div>
<div class="level2"><a href="http://freecode.com/projects/umple">Umple FreeCode Page</a></div>
<div class="level2"><a href="http://freecode.com/projects/umple">FreeCode</a></div>
<div class="level1">Mailing Lists</div>
<div class="level2"><a href="http://list.umple.org">Main mailing
list
<div class="level2"><a href="http://list.umple.org">Main list
</a></div>
<div class="level2"><a
href="https://groups.google.com/forum/#!forum/umple-help">Help mailing
list
href="https://groups.google.com/forum/#!forum/umple-help">Help list
</a></div>
<div class="level2"><a
href="https://groups.google.com/forum/#!forum/umple-dev">Contributor
mailing
list
href="https://groups.google.com/forum/#!forum/umple-dev">Dev list
</a></div>
<div class="level1">Team</div>
<div class="level2"><a href="https://github.com/orgs/umple/people">Umple developer list
<div class="level2"><a href="https://github.com/orgs/umple/people">Developers
</a></div>
<div class="level2"><a href="https://github.com/umple/umple/wiki/ucosp">UCOSP
@@ -189,7 +179,7 @@
<div class="level1">Development status</div>
<div class="level2"><a href="http://cc.umple.org">Continuous
building
integration
</a></div>
<div class="level2"><a href="http://qa.umple.org">Test report
@@ -198,22 +188,22 @@
<div class="level2"><a href="http://grammar.umple.org">Grammar
</a></div>
<div class="level2"><a href="http://metamodel.umple.org">Class diagram of Umple itself
<div class="level2"><a href="http://metamodel.umple.org">Class diagram of Umple
</a></div>
<div class="level2"><a href="http://architecture.umple.org">Architecture Overview
<div class="level2"><a href="http://architecture.umple.org">Architecture
</a></div>
<div class="level2"><a href="http://bugs.umple.org">Umple Issue Tracker
<div class="level2"><a href="http://bugs.umple.org">Issues
</a></div>
<div class="level2"><a href="http://portfolio.umple.org">Planned development
<div class="level2"><a href="http://portfolio.umple.org">Plans
</a></div>
<div class="level2"><a href="http://changed.umple.org">Recent changes
</a></div>
<div class="level2"><a href="http://cheatsheet.umple.org">Cheat sheet of commands
<div class="level2"><a href="http://cheatsheet.umple.org">Cheat sheet
</a></div>
@@ -306,7 +296,7 @@ <h2>Example</h2>
<p>
<img src="files/umple_example_uml.jpg" title="Umple Example in UML
diagram" height=70 width=320/>
diagram", height=50/>
</p>
<p>Many other examples can be found in the <a href="http://manual.umple.org">Umple user manual</a>, in <a href="http://try.umple.org">UmpleOnline</a> and on the <a href="http://examples.umple.org">Umple Examples Wiki page</a>.</p>

0 comments on commit fc9fc22

Please sign in to comment.