Browse Source

Noted, only png to avoid timeout

Removed jpeg and gifs to avoid the browser timeout. (gif could be added
in the same way as before as gifs can support opacity however I don't
think many people will want to use them)
AceLewis 4 years ago
parent
commit
e1032c1fb9
4 changed files with 2 additions and 8 deletions
  1. 1 1
      README.md
  2. 0 1
      css/ZeroBlog.css
  3. 0 1
      css/all.css
  4. 1 5
      index.html

+ 1 - 1
README.md

@@ -7,4 +7,4 @@ Demo for decentralized, self publishing blogging platform.
 
 ZeroNet address: http://127.0.0.1:43110/1BLogC9LN4oPDcruNz3qo1ysa133E9AGg8
 
-To change the avatar replace the image /img/avatar.png with your new avatar, it can be a .png, .jpg or .gif
+To change the avatar replace the image /img/avatar.png with a new png, 60 by 60 pixels is recommended.

+ 0 - 1
css/ZeroBlog.css

@@ -80,7 +80,6 @@ a:hover { color: #3498db }
 .left .avatar {
 	background-color: #F0F0F0; width: 60px; height: 60px; border-radius: 100%; margin-bottom: 10px;
 	background-position: center center; background-size: 70%; display: inline-block; image-rendering: pixelated;
-	position: relative; left: 0; top: 0;
 }
 .left h1 a.nolink { font-family: Tinos; display: inline-block; padding: 1px }
 .left h1 a.editable-edit { float: none }

+ 0 - 1
css/all.css

@@ -195,7 +195,6 @@ a:hover { color: #3498db }
 .left .avatar {
 	background-color: #F0F0F0; width: 60px; height: 60px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100% ; margin-bottom: 10px;
 	background-position: center center; background-size: 70%; display: inline-block; image-rendering: pixelated;
-	position: relative; left: 0; top: 0;
 }
 .left h1 a.nolink { font-family: Tinos; display: inline-block; padding: 1px }
 .left h1 a.editable-edit { float: none }

+ 1 - 5
index.html

@@ -46,11 +46,7 @@
 <!-- left -->
 <div class="left" data-object="Site">
  <a href="?Home" class="nolink">
-  <div class="avatar">
-    <img class="avatar" src="./img/avatar.png" style="position: absolute">
-    <img class="avatar" src="./img/avatar.jpg" alt="./img/avatar.png" style="position: absolute">
-    <img class="avatar" src="./img/avatar.gif" alt="./img/avatar.png" style="position: absolute">
-  </div>
+    <img class="avatar" src="./img/avatar.png">
  </a>
  <h1><a href="?Home" class="nolink" data-editable="title" data-editable-mode="simple"></a></h1>
  <h2 data-editable="description"></h2>