Add new images

images/grey.jpg

@@ -0,0 +1 @@
+/home/griatch/Pictures/Art/wip/EvenniaHomepageBackground/grey_by_griatch.jpg

index.html

@@ -52,6 +52,8 @@
   href="#features-and-philosophy"><span class="octicon
     octicon-link"></span></a>Features and Philosophy</h2>
 
+<img class="img floatleft" src="images/inkwell.png" alt="Inkwell">
+
 <p>Evennia aims to supply a bare-bones MU* codebase that allows vast
 flexibility for game designers while taking care of all the gritty networking
 and database-handling behind the scenes. Evennia offers an easy API for
@@ -65,6 +67,8 @@ codebase extremely flexible. The code is heavily documented and you use Python
 classes to represent your objects, scripts and players. The database layer is
 abstracted away.</p>
 
+<img class="img floatright" src="images/dice.png" alt="Dice">
+
 <p>Evennia offers extensive connectivity options. A single server instance may
 offer connections over Telnet, SSH, SSL and HTTP. The latter is possible since
 Evennia is also its own web server: A default website as well as a
@@ -76,6 +80,8 @@ a third-party webserver too if you prefer though). Evennia in-game channels can
 also be interlinked with external IRC and IMC2 channels so players can chat
 with people "outside" the game.</p>
 
+<img class="img floatleft" src="images/ships.png" alt="Book">
+
 <p>Whereas Evennia is intended to be customized to almost any level you like,
 we do offer some defaults you can build from. The code base comes with basic
 classes for objects, exits, rooms and characters. There is also a default
@@ -102,6 +108,8 @@ development of your own games.</p>
 <a name="more-information" class="anchor" href="#more-information"><span
     class="octicon octicon-link"></span></a>More Information</h2>
 
+<img class="img floatleft" src="images/book.png" alt="Book">
+
 <p>To learn how to get your hands on the code base, the <a
   href="docs/latest/Getting-Started.html">Getting Started</a> page is the way to go. Otherwise you could browse the <a
 href="docs/latest/index.html">Documentation</a> or why

stylesheets/styles.css

@@ -148,7 +148,6 @@ img {
   max-width: 650px;
   padding: 5px;
   margin: 10px 0 32px 0;
-  border: 1px solid #ccc;
 }
 
 p img {
@@ -162,6 +161,15 @@ p img {
 }
 
 
+.img.floatleft {
+  float: left;
+}
+
+.img.floatright {
+  float: right;
+}
+
+
 /* Code blocks */
 
 code, pre {
@@ -208,6 +216,7 @@ td {
  }
 
 
+
 /* Wrapper */
 .wrapper {
   width:960px;
@@ -236,7 +245,9 @@ header {
 	margin: -10px 25px 0 0;
 	-webkit-font-smoothing: antialiased;
 	height: 94vh;
-  opacity: 0.9;
+  opacity: 0.8;
+  border-radius: 60px;
+}
 }
 
 p.header {22px
@@ -451,6 +462,7 @@ footer {
 
   header > h1.header, 
   header > p.header,
+  .img,
   .logo {
     display: none;
   }