widget structure improvised…

public/desktop_widgets/weather/index.html.erb

@@ -1,45 +0,0 @@
-<style type="text/css">
-	.g_weather { position: relative; height: 198px; }
-	.g_weather img { float: left; display: block; margin: 0; padding: 12px; }
-	.g_weather .gw_recent { 
-		overflow: hidden;
-		height: 96%;
-		padding-top: 4%;
-		}
-	.g_weather .gw_weekly { display: none; }
-	.g_weather .gw_location {
-		position: absolute;
-		left: 0;
-		bottom: 0;
-		font-size: 15px;
-		line-height: 20px;
-	}
-	.g_weather .gw_condition_des { font-size: 22px; }
-	.g_weather .gw_temp { margin-top: 26px; }
-	.g_weather .gw_temp_num { font-size: 56px; }
-	.g_weather .gw_temp_unit { font-size: 26px; }
-	.g_weather .gw_forecast {
-		position: absolute;
-		right: 0;
-		bottom: 0;
-		font-size: 13px;
-		line-height: 20px;
-	}
-</style>
-<div class="g_weather">
-	<div class="gw_recent">
-		<img src="desktop_widgets/weather/img/sunny.png" alt="sunny" class="gw_condition">
-		<div class="gw_temp">
-			<span class="gw_temp_num thmtxt">29</span><span class="gw_temp_unit thmtxt">°C</span>
-		</div>
-		<div class="gw_condition_des thmtxt">Sunny</div>
-	</div>
-	<div class="gw_weekly">
-		weekly report
-	</div>
-	<div class="gw_location thmtxt">Hsin-Chu</div>
-	<a href="" class="gw_forecast thmtxt">> Weekly Report</a>
-</div>
-<script type="text/javascript">
-	g_weather();
-</script>

public/desktop_widgets/weather/weather.js

@@ -1,7 +0,0 @@
-function g_weather(){
-	$('.gw_forecast').click(function(){
-		$('.gw_recent').toggle();
-		$('.gw_weekly').toggle();
-		return false;
-	});
-}