code.H3RALD.com — h3rald: ae6d8340b8643eb51252a5e14619b44c4fe75d04

@@ -127,12 +127,17 @@ }
 
 /*** HOME Page ***/
 
+#services li
+{
+	margin-left: 0;
+}
+
 .feed-item, .twitter-item
 {
 	list-style-type: none;
-	padding: 0.5em;
+	padding: 0.2em;
 	border: 1px solid #000;
-	margin: 3px 5px;
+	margin: 3px 0;
 	background: #171617;
 	color: #BDB7BA;
 }

M ui-dev/css/layout.css → ui-dev/css/layout.css

@@ -18,7 +18,7 @@ }
 
 h1, h2, h3, h4, h5, h6
 {  
-	margin: 2em 0;  
+	margin: 1em 0;  
 }
 
 p, ol, ul
@@ -110,7 +110,6 @@ margin-top: -5px;
 	margin-bottom: 5px;
 	font-weight: bold;
 	font-family: Georgia, Serif;
-
 }
 
 /******** CONTENT *******/
@@ -203,9 +202,10 @@ 
 /* slider */
 
 #slider {
-  width: 620px;
+  width: 800px;
   margin: 0 auto;
   position: relative;
+	border: 1px solid #000;
 }
 
 .scroll {
@@ -213,17 +213,18 @@ height: 250px;
   overflow: auto;
   position: relative; /* fix for IE to respect overflow */
   clear: left;
-  background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
+  background: #FFFFFF; 
 }
 
 .scrollContainer div.panel {
-  padding: 20px;
+  padding: 10px;
   height: 210px;
-  width: 580px; /* change to 560px if not using JS to remove rh.scroll */
+  width: 800px; 
 }
 .scrollButtons {
   position: absolute;
-  top: 150px;
+  top: 110px;
+	z-index: 3000;
   cursor: pointer;
 }
 
@@ -234,9 +235,3 @@ 
 .scrollButtons.right {
   right: -20px;
 }
-
-/* Juitter */
-
-.juitterAvatar, .JRM {
-}
-

M ui-dev/css/text.css → ui-dev/css/text.css

@@ -7,7 +7,6 @@ font-weight: normal;
 	color: #B80000;
 	padding-bottom:0.05em;
 	margin-bottom: 0.5em;
-	width: 785px;
 }
 
 h1
@@ -19,26 +18,23 @@ 
 h2
 {
 	font-size: 180%;
-	border-bottom: 1px solid #C0C0C0;
 }
 
 h3
 {
 	font-size: 140%;
-	border-bottom: 1px solid #C0C0C0;
 }
 
 #services h3
 {
 	font-size: 120%;
-	border: none;
+	border: 1px solid #000;
 	cursor: pointer;
 }
 
 h4
 {
 	font-size: 120%;
-	border-bottom: 1px solid #C0C0C0;
 }
 
 em {
@@ -51,6 +47,7 @@ 
 a
 {
 	text-decoration:none;
+	outline:none;
 }
 
 a
@@ -61,11 +58,6 @@ 
 a:hover
 {
 	color: #CF282D;
-}
-
-#palette a
-{
-	border: none;
 }
 
 #content h2 a, #content h3 a

M ui-dev/home.htm → ui-dev/home.htm

@@ -22,7 +22,11 @@ <link href="css/text.css" media="all" rel="stylesheet" type="text/css">
 		<link href="css/elements.css" media="all" rel="stylesheet" type="text/css">	
 		<link href="css/jquery.tooltip.css" media="all" rel="stylesheet" type="text/css">	
 
-
+		<script type="text/javascript">
+			function tweets_received(){
+				$('.twitter-item[title]').qtip(dark_tooltip);
+			}
+		</script>
 		<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
 		<script src="js/cufon-yui.js" type="text/javascript"></script>
 		<script src="js/Cardo_400.font.js" type="text/javascript"></script>
@@ -41,23 +45,10 @@ <script src="js/jquery.chili-1.7.pack.js" type="text/javascript"></script>
 		<script src="js/jquery.easing.js" type="text/javascript"></script>
 		<script src="js/jquery.dimensions.js" type="text/javascript"></script>
 		<script src="js/jquery.accordion.js" type="text/javascript"></script>
+		<script src="js/accordion.js" type="text/javascript"></script>
+		<script src="js/init.js" type="text/javascript"></script>
 
-		<script type="text/javascript">
-$(document).ready(function() {
-		$.slider();
-		$('#up-arrow').click(function(){ $.scrollTo('#header', 1000)});
-		$('#down-arrow').click(function(){ $.scrollTo('#footer', 1000)});
-		$('#services').accordion({
-			header: '.accordion-h',
-			event: 'mouseover',
-			autoHeight: true,
-			animated: "bounceslide"
-		}); 
-		});
-Cufon.replace('#navigation');
-Cufon.replace('h3')('h2')('h4')('h5');
-</script>
-	</head>
+		</head>
 	<body>
 		<div id="wrapper">
 			<div id="header">
@@ -95,10 +86,7 @@ </ul>
 				<!-- CONTENT START -->
 				<div id="content">
 					<h2>Home</h2>
-					<div id="intro">
-						<p>Welcome to <span class="caps">H3RALD</span>.com, Fabio Cevasco’s personal web site.</p>
-					</div>
-
+				
 					<div id="slider">
 						<div class="scroll">
 							<div class="scrollContainer">
@@ -143,7 +131,7 @@ <div id="services">
 					<h3 class="accordion-h">Bookmarks</h3>
 					<div id="delicious">
 					</div>
-					<h3 class="accordion-h">Thoughts</h3>
+					<h3 class="accordion-h">Tweets</h3>
 					<div id="twitter">
 					</div>
 					<h3 class="accordion-h">Comments</h3>
@@ -183,6 +171,7 @@ <script src="js/jquery.qtip.js" type="text/javascript"></script>
 		<script type="text/javascript">
 // tooltip
 $('.feed-item[title]').qtip(dark_tooltip);
+
 					Cufon.now();
 			</script>
 		</body>

A ui-dev/js/accordion.js

@@ -0,0 +1,10 @@ 
+(function(){
+ $.accordion = function(){
+ $('#services').accordion({
+		header: '.accordion-h',
+		animated: "bounceslide",
+		clearStyle: true
+	}); 
+ }
+})(jQuery);
+

M ui-dev/js/feeds.js → ui-dev/js/feeds.js

@@ -21,4 +21,4 @@ var backtype_feed = function(feed){
 	display_feed(feed, "#backtype")
 };
 $.jGFeed('http://feeds.delicious.com/v2/rss/h3rald', delicious_feed, 10)
-$.jGFeed('http://feeds.backtype.com/home/21105', backtype_feed, 7)
+$.jGFeed('http://feeds.backtype.com/home/21105', backtype_feed, 10)

A ui-dev/js/init.js

@@ -0,0 +1,9 @@ 
+$(document).ready(function() {
+	$.slider();
+	$.accordion();
+	$('#up-arrow').click(function(){ $.scrollTo('#header', 1000)});
+	$('#down-arrow').click(function(){ $.scrollTo('#footer', 1000)});
+});
+Cufon.replace('#navigation');
+Cufon.replace('h3')('h2')('h4')('h5');
+

M ui-dev/js/jquery.juitter.js → ui-dev/js/jquery.juitter.js

@@ -149,8 +149,7 @@ }
 						}
 					});	
 					ultID=tultID;
-					// qtip tooltip
-					$('.twitter-item[title]').qtip(dark_tooltip);
+					tweets_received();
 				}
 			});
 		},

M ui-dev/js/jquery.juitter.system.js → ui-dev/js/jquery.juitter.system.js

@@ -11,7 +11,7 @@ live:"live-300", // the number after "live-" indicates the time in seconds to wait before request the Twitter API for updates.
 		placeHolder:"twitter", // Set a place holder DIV which will receive the list of tweets example <div id="juitterContainer"></div>
 		loadMSG: "Loading messages...", // Loading message, if you want to show an image, fill it with "image/gif" and go to the next variable to set which image you want to use on 
 		imgName: "loader.gif", // Loading image, to enable it, go to the loadMSG var above and change it to "image/gif"
-		total: 7, // number of tweets to be show - max 100
+		total: 10, // number of tweets to be show - max 100
 		readMore: "Read it on Twitter", // read more message to be show after the tweet content
 		nameUser:"h3rald", // insert "image" to show avatar of "text" to show the name of the user that sent the tweet 
 		openExternalLinks:"newWindow", // here you can choose how to open link to external websites, "newWindow" or "sameWindow"

all repos — h3rald @ ae6d8340b8643eb51252a5e14619b44c4fe75d04

The sources of https://h3rald.com