Improved homepage by re-using the cc65.org design.

Copying those design elements was explicitly approved by the original author:
======================================================================
Date: Mon, 8 Apr 2013 20:31:13 +0200
From: Ullrich von Bassewitz <uz@musoftware.de>
To: cc65@musoftware.de
Subject: Re: [cc65] Copy Web Page Design ?

Hi!

On Mon, Apr 08, 2013 at 12:27:23PM +0200, Oliver Schmidt wrote:
> I'd like to copy the following files
[...]

That's ok, just go ahead. [...]
======================================================================

diff --git a/cc65.css b/cc65.css
new file mode 100644 (file)
index 0000000..de6876f
--- /dev/null
+++ b/cc65.css
@@ -0,0 +1,140 @@
+body {
+    font-family:        arial, helvetica, sans-serif;
+    font-size:          100%;
+    text-align:         justify;
+    margin-left:        110px;
+    margin-top:         10px;
+    margin-right:       30px;
+    margin-bottom:      10px;
+    color:              #000000;
+    background-image:   url(image/cc65-bg.png);
+    background-repeat:  repeat-y;
+    background-color:   #FFFFFF;
+}
+a:active {
+    color:              #FF0000;
+    text-decoration:    underline;
+}
+a:link {
+    color:              #0000FF;
+    text-decoration:    underline;
+}
+a:visited {
+    color:              #000080;
+    text-decoration:    underline;
+}
+
+/* title menu */
+div#menu {
+    width:              100%;
+    padding:            0px;
+    border-top:         1px solid #808080;
+    border-bottom:      1px solid #808080;
+}
+div#innermenu {
+    display:            table;
+    margin-left:        auto;
+    margin-right:       auto;
+    padding:            0px;
+}
+div#menu ul {
+    margin:             0px;
+    padding:            4px;
+    list-style-type:    none;
+    white-space:        nowrap;
+}
+div#menu li {
+    display:            inline;
+}
+div#menu a {
+    margin:             0px 3px 0px 3px;
+    padding:            1px 1em 1px 1em;
+    border:             1px solid #303030;
+    text-decoration:    none;
+    width:              160px;
+}
+div#menu a:link, div#menu a:visited, div#menu a:active {
+    background-color:   #909090;
+    color:              #000000;
+}
+div#menu a:hover {
+    color:              #DB3232;
+    background-color:   #FFFFFF;
+}
+li#here a:link, li#here a:visited, li#here a:active {
+    background-color:   #909090;
+    color:              #DB3232;
+}
+li#here a:hover {
+    background-color:   #909090;
+    color:              #DB3232;
+}
+
+h1 {
+    text-align:         left;
+    font-size:          250%;
+    font-weight:        bold;
+    font-style:         italic;
+    text-shadow:        2px 2px 6px #505050;
+    letter-spacing:     2px;
+    color:              #DB3232;
+    padding-top:        40px;
+}
+
+h2 {
+    text-align:         left;
+    font-size:          160%;
+    font-weight:        bold;
+    font-style:         italic;
+    text-shadow:        2px 2px 6px #303030;
+    letter-spacing:     1px;
+    color:              #DB3232;
+    margin-top:         2em;
+    margin-bottom:      1em;
+}
+
+p {
+    clear:              both;
+}
+
+pre {
+    font-family:        monospace;
+}
+
+a img {
+    border:             0px;
+}
+
+ul.bullet {
+    margin-left:        2%;
+    list-style-image:   url(image/dot.png);
+}
+
+ul.down {
+    margin-left:        2%;
+    list-style-image:   url(image/downtria.png);
+}
+
+ul.right {
+    margin-left:        2%;
+    list-style-image:   url(image/triangle.png);
+}
+
+ul ul {
+    list-style-image:   none;
+}
+
+/* box made like a banner */
+div.banner {
+    border:             2px solid #808080;
+    width:              80%;
+    clear:              both;
+    padding-left:       2em;
+    padding-right:      2em;
+    padding-top:        1em;
+    padding-bottom:     1em;
+    margin-left:        auto;
+    margin-right:       auto;
+    margin-top:         1em;
+    margin-bottom:      1em;
+}

diff --git a/image/cc65-100.xcf b/image/cc65-100.xcf
new file mode 100644 (file)
index 0000000..34411af
Binary files /dev/null and b/image/cc65-100.xcf differ

diff --git a/image/cc65-150.xcf b/image/cc65-150.xcf
new file mode 100644 (file)
index 0000000..caa6f30
Binary files /dev/null and b/image/cc65-150.xcf differ

diff --git a/image/cc65-300.xcf b/image/cc65-300.xcf
new file mode 100644 (file)
index 0000000..0d89424
Binary files /dev/null and b/image/cc65-300.xcf differ

diff --git a/image/cc65-bg.png b/image/cc65-bg.png
new file mode 100644 (file)
index 0000000..91af80d
Binary files /dev/null and b/image/cc65-bg.png differ

diff --git a/image/cc65-bg.xcf b/image/cc65-bg.xcf
new file mode 100644 (file)
index 0000000..fbdb1f7
Binary files /dev/null and b/image/cc65-bg.xcf differ

diff --git a/image/cc65.png b/image/cc65.png
new file mode 100644 (file)
index 0000000..30bd45c
Binary files /dev/null and b/image/cc65.png differ

diff --git a/image/dot.png b/image/dot.png
new file mode 100644 (file)
index 0000000..a33529e
Binary files /dev/null and b/image/dot.png differ

diff --git a/image/dot.xcf b/image/dot.xcf
new file mode 100644 (file)
index 0000000..c29c3d7
Binary files /dev/null and b/image/dot.xcf differ

diff --git a/image/downtria.png b/image/downtria.png
new file mode 100644 (file)
index 0000000..9560b99
Binary files /dev/null and b/image/downtria.png differ

diff --git a/image/downtria.xcf b/image/downtria.xcf
new file mode 100644 (file)
index 0000000..8a972ab
Binary files /dev/null and b/image/downtria.xcf differ

diff --git a/image/favicon.ico b/image/favicon.ico
new file mode 100644 (file)
index 0000000..401f774
Binary files /dev/null and b/image/favicon.ico differ

diff --git a/image/favicon.xcf b/image/favicon.xcf
new file mode 100644 (file)
index 0000000..a5f8984
Binary files /dev/null and b/image/favicon.xcf differ

diff --git a/image/triangle.png b/image/triangle.png
new file mode 100644 (file)
index 0000000..e87c9df
Binary files /dev/null and b/image/triangle.png differ

diff --git a/image/triangle.xcf b/image/triangle.xcf
new file mode 100644 (file)
index 0000000..24379e0
Binary files /dev/null and b/image/triangle.xcf differ

diff --git a/index.html b/index.html
index 0ea931c950c2021c546337f8c61ddbad63a04b24..58863e0193558212840ec265a52ec7724ff8e7a5 100644 (file)
--- a/index.html
+++ b/index.html
@@ -1,18 +1,73 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
   <head>
-    <title>cc65 Project Page</title>
+    <title>cc65 - a freeware C compiler for 6502 based systems</title>
+    <link rel="stylesheet" type="text/css" href="cc65.css"/>
+    <link rel="shortcut icon" type="image/x-icon" href="image/favicon.ico"/>
   </head>
   <body>
-    <h1>cc65 Project Page</h1>
-    <hr>
-    <ul>
+    <img style="float:right;" width="300" height="150" src="image/cc65.png" alt=""/>
+    <h1>Main Page</h1>
+    <hr style="clear:right;" size="1" noshade="noshade"/>
+    <h2>Content</h2>
+    <ul class="down">
+      <li><a href="#Overview">Overview</a>
+      </li>
+      <li><a href="#Links">Links</a>
+      </li>
+    </ul>
+    <h2><a name="Overview">Overview</a></h2>
+    <p>cc65 is a complete cross development package for 65(C)02 systems, including
+       a powerful macro assembler, a C compiler, linker, librarian and several
+       other tools.
+    </p>
+    <p>cc65 has C and runtime library support for many of the old 6502 machines,
+       including
+    <ul class="bullet">
+      <li>the following Commodore machines:
+        <ul class="">
+          <li>VIC20
+          </li>
+          <li>C16/C116 and Plus/4
+          </li>
+          <li>C64
+          </li>
+          <li>C128
+          </li>
+          <li>CBM 510 (aka P500)
+          </li>
+          <li>the 600/700 family
+          </li>
+          <li>newer PET machines (not 2001).
+          </li>
+        </ul>
+      </li>
+      <li>the Apple ][+ and successors.
+      </li>
+      <li>the Atari 8 bit machines.
+      </li>
+      <li>GEOS for the C64 and C128.
+      </li>
+      <li>the Nintendo Entertainment System (NES).
+      </li>
+      <li>the Supervision console.
+      </li>
+      <li>the Oric Atmos.
+      </li>
+      <li>the Lynx console.
+      </li>
+    </ul>
+    <p>The libraries are fairly portable, so creating a version for other 6502s
+       shouldn't be too much work.
+    </p>
+    <h2><a name="Links">Links</a></h2>
+    <ul class="right">
       <li><a href="https://github.com/oliverschmidt/cc65">Source Code</a>
       </li>
       <li><a href="doc/">Documentation</a>
       </li>
       <li><a href="http://sourceforge.net/p/cc65/mailman/">Mailing Lists</a>
-      <ul>
+      <ul class="right">
         <li><a href="https://lists.sourceforge.net/lists/listinfo/cc65-devel">cc65 Development</a>
         </li>
         <li><a href="https://lists.sourceforge.net/lists/listinfo/cc65-git">cc65 Git Commits</a>
@@ -24,7 +79,8 @@
       <li><a href="https://github.com/oliverschmidt/cc65/wiki/User-contributions">User Contributions</a>
       </li>
     </ul>
-    <hr>
+    <br/>
+    <hr size="1" noshade="noshade"/>
     <p>If you want to contribute please get in touch with <a href="mailto:ol.sc@web.de">me</a>.
     </p>
   </body>