Tiles/template-mockup.html

   1 <!-- This is a file where I am adding examples of all the different tiles -->
   2 <!-- This is not used in any other way but for testing html stuff, and of -->
   3 <!-- course this also serves as an example for programmers                -->
   4
   5 <html>
   6   <head>
   7     <title>Beagle List</title>
   8     <style type="text/css" media="screen">
   9       @import url( template-page.css );
  10       @import url( template-mockup.css );
  11     </style>
  12   </head>
  13   <body>
  14 <table>
  15
  16 <!-- blog -->
  17 <tr>
  18   <td class="icon">
  19     <span>
  20       <a href="@action:@Open"><img src="../images/icon-blog.png"/></a></span>
  21   </td>
  22   <td class="content">
  23     <div class="name"><a href="@action:@Open" title="Tooltip text here">New rant by me</a> in <a href="@action:@Open" title="URL to Joe's blog here">Joe's Blog</a></div>
  24     <div class="date">Yesterday, 7pm</div>
  25     <div class="snippet">...and then I said: "Dude, that's <i>hilarious</i>, I cannot believe they dont have <span id="hilight">pizza</span> here! What kind of a <span id="hilight">civilized</span> restaurant doesnt serve any <span id="hilight">pizza</span>? It's just...</div>
  26     <ul class="actions">
  27     <li><a href="@action:@Open">View article</a></li>
  28     <li id="email"><a href="@action:@Forward">Send email to Joe</a></li>
  29     <li id="message"><a href="@action:@SendIm">Send instant message (idle 2h 40min)</a></li>
  30     </ul>
  31   </td>
  32 </tr>
  33
  34 <!-- Bugzilla -->
  35 <tr>
  36   <td class="icon">
  37     <span>
  38       <a href="@action:@Open"><img src="../images/debugger.png"/></a></span>
  39   </td>
  40   <td class="content">
  41     <div class="name">Gnome bugzilla:<a href="@action:@Open">beagled crashing (Bug 153561)</a></div>
  42     <div class="date">Last changed yesterday 9am / submitted in April 2001</div>
  43     <div class="snippet">By the way, if I try to launch beagle-update-index, I get <span id="hilight">
  44         cannot open assembly</span> @pkglibdir@/@target@ Any help would be appreciated. Thanks</div>
  45     <ul class="actions">
  46     <li><a href="@action:@Open">View bug</a></li>
  47     </ul>
  48   </td>
  49 </tr>
  50
  51
  52 <!-- Contact -->
  53 <tr>
  54   <td class="icon">
  55     <span>
  56       <a href="@action:@Open"><img src="../images/person.png"/></a></span>
  57   </td>
  58   <td class="content">
  59     <div class="name"><a href="@action:@Open">More hacking for fun and profit!</a> in <a href="@action:@Mail">Joe's Blog</a></div>
  60     <div class="date">Published yesterday, 7pm</div>
  61     <div class="snippet">...trunk without actually having to merge from the <span id="hilight">trunk</span>
  62          (well, unless I have a conflicting file). Which means that when I get to the end of the branch, I...</div>
  63     <ul class="actions">
  64     <li id="phone"><a href="@action:@Open">Open</a></li>
  65     <li id="email-forward"><a href="@action:@Forward">Forward to...</a></li>
  66     <li id="email-reply"><a href="@action:@Reply">Reply to message...</a></li>
  67     <li id="message"><a href="@action:@SendIm">Send IM (idle 2h 40min)</a></li>
  68     </ul>
  69   </td>
  70 </tr>
  71
  72 <!-- File -->
  73 <tr>
  74   <td class="icon">
  75     <span><a href="@action:@Open"><img src="/opt/gnome/share/icons/gnome/48x48/mimetypes/gnome-mime-application-vnd.sun.xml.writer.png"></a></span>
  76   </td>
  77   <td class="content">
  78     <div class="name"><a href="@action:@Open">My Thesis.sxw</a>, in folder <a href="">Documents</a></div>
  79     <div class="date">Last modified yesterday, 4pm</div>
  80     <div class="snippet">Author Jane Mitchell, 134 pages.</div>
  81       <ul class="actions">
  82       <li><a href="@action:@Open">Open in</a></li>
  83       <li id="email"><a href="@action:@SendTo">Send to..</a></li>
  84       <li id="reveal"><a href="@action:@Reveal">Reveal in file manager</a></li>
  85     </ul>
  86   </td>
  87 </tr>
  88
  89 <!-- Folder -->
  90
  91 <!-- Foot -->
  92
  93 <!-- Google -->
  94
  95 <!-- Head -->
  96
  97 <!--Hit -->
  98
  99 <!-- Im -->
 100
 101 <!-- Mail -->
 102
 103 <!-- Music -->
 104
 105 <!-- Note -->
 106
 107 <!-- Picture -->
 108
 109 </table>