Display tag block using data from the database

3 files changed, 31 insertions, 44 deletions

diff --git a/modules/tag/helpers/tag_block.php b/modules/tag/helpers/tag_block.php
index 0ade0acf..629008b6 100644
--- a/modules/tag/helpers/tag_block.php
+++ b/modules/tag/helpers/tag_block.php
@@ -24,6 +24,7 @@ class tag_block_Core {
     $block->id = "gTag";
     $block->title = _("Tags");
     $block->content = new View("tag_block.html");
+    $block->content->tag_list = tag::load_buckets();
     return $block;
   }
 }
\ No newline at end of file
diff --git a/modules/tag/views/tag_block.html.php b/modules/tag/views/tag_block.html.php
index f23874ff..68ae48d5 100644
--- a/modules/tag/views/tag_block.html.php
+++ b/modules/tag/views/tag_block.html.php
@@ -1,40 +1,11 @@
 <? defined("SYSPATH") or die("No direct script access."); ?>
 <ul>
-  <li><a href="#" class="m size0">animation</a></li>
-  <li><a href="#" class="m size0">art</a></li>
-  <li><a href="#" class="m size1">blind</a></li>
-  <li><a href="#" class="m size3">blog</a></li>
-  <li><a href="#" class="m size1">bug-tracker</a></li>
-  <li><a href="#" class="m size2">bugs20</a></li>
-  <li><a href="#" class="m size0">canvas</a></li>
-  <li><a href="#" class="m size0">classification</a></li>
-  <li><a href="#" class="m size4">cocktail</a></li>
-  <li><a href="#" class="m size0">exhibtion</a></li>
-  <li><a href="#" class="m size0">forum</a></li>
-  <li><a href="#" class="m size1">geo-tagging</a></li>
-  <li><a href="#" class="m size0">german</a></li>
-  <li><a href="#" class="m size0">germany</a></li>
-  <li><a href="#" class="m size0">gl?ser</a></li>
-  <li><a href="#" class="m size0">graffiti</a></li>
-  <li><a href="#" class="m size0">illustration</a></li>
-  <li><a href="#" class="m size0">ITP</a></li>
-  <li><a href="#" class="m size0">javascript</a></li>
-  <li><a href="#" class="m size0">miami</a></li>
-  <li><a href="#" class="m size0">miknow</a></li>
-  <li><a href="#" class="m size0">nyc</a></li>
-  <li><a href="#" class="m size0">NYU</a></li>
-  <li><a href="#" class="m size0">ontology</a></li>
-  <li><a href="#" class="m size0">open-source</a></li>
-  <li><a href="#" class="m size0">project</a></li>
-  <li><a href="#" class="m size0">school-of-information</a></li>
-  <li><a href="#" class="m size0">screenshot</a></li>
-  <li><a href="#" class="m size0">shiftspace</a></li>
-  <li><a href="#" class="m size0">shop</a></li>
-  <li><a href="#" class="m size0">tagging</a></li>
-  <li><a href="#" class="m size2">talkingpoints</a></li>
-  <li><a href="#" class="m size0">university-of-michigan</a></li>
-  <li><a href="#" class="m size1">usability</a></li>
-  <li><a href="#" class="m size0">writing</a></li>
+  <? foreach ($tag_list as $tag): ?>
+    <li class="size<?=$tag["class"] ?>">
+      <span><?= $tag["count"] ?> photos are tagged with </span>
+      <a href="#"><?=$tag["name"] ?></a>
+    </li>
+  <? endforeach; ?>
 </ul>
 
 <form id="gAddTag">
diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css
index 26afd84f..52ad3fd9 100644
--- a/themes/default/css/screen.css
+++ b/themes/default/css/screen.css
@@ -353,32 +353,47 @@ table.gMetadata td.toggle {
 #gTag ul li a {
   text-decoration: none;
 }
+#gTag ul li span {
+  display: none;
+}
 
-#gTag ul li a.size0 {
+#gTag ul li.size0 {
   color: #9cf;
-  font-size: 100%;
+  font-size: 80%;
   font-weight: 100;
 }
 
-#gTag ul li a.size1 {
+#gTag ul li.size1 {
   color: #69f;
-  font-size: 110%;
+  font-size: 90%;
   font-weight: 300;
 }
 
-#gTag ul li a.size2 {
+#gTag ul li.size2 {
   color: #69c;
-  font-size: 120%;
+  font-size: 100%;
   font-weight: 500;
 }
 
-#gTag ul li a.size3 {
+#gTag ul li.size3 {
   color: #369;
-  font-size: 130%;
+  font-size: 110%;
   font-weight: 700;
 }
 
-#gTag ul li a.size4 {
+#gTag ul li.size4 {
+  color: #0e2b52;
+  font-size: 120%;
+  font-weight: 900;
+}
+
+#gTag ul li.size5 {
+  color: #0e2b52;
+  font-size: 130%;
+  font-weight: 900;
+}
+
+#gTag ul li.size6 {
   color: #0e2b52;
   font-size: 140%;
   font-weight: 900;