zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-06-26 14:14:35 +02:00
Code Issues Projects Releases Packages Wiki Activity

Better latest visitors table, added time filter for chart

Browse source
This commit is contained in:
Victoria Wang 2015-05-04 17:18:06 -07:00
parent 9e29572510
commit 4805dbcdf3
2 changed files with 97 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

14
sass/_project-sass/_project-Main.scss
View file

@ -1882,10 +1882,22 @@ a.tag:hover {
} }
} }
table#latest-visitors { table#latest-visitors {
td:nth-child(1), td:nth-child(2) { width: 100%;
color: #777;
font-size: .8em;
td {
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
span {
display: block;
}
.location {
color: #2f4149;
font-weight: bold;
font-size: 1.2em;
}
} }
#earth_div { #earth_div {
width: 100%; width: 100%;

126
views/stats_mockup.erb
View file

@ -24,77 +24,119 @@
<div class="col-left"> <div class="col-left">
<div class="col col-66"> <div class="col col-66">
<div class="row"> <div class="row">
<div class="col col-50" style="padding-right: 0;"> <div class="col col-50" style="padding-right: 0;">
<h2>Latest Visitors</h2> <h2>Latest Visitors</h2>
<div id="earth_div"></div> <div id="earth_div"></div>
</div> </div>
<div class="col col-50"> <div class="col col-50" style="padding-right: 0;">
<table class="table table-striped" id="latest-visitors"> <table class="table table-striped" id="latest-visitors">
<thead>
<tr>
<th>Location</th>
<th>Referrer</th>
<th>Time</th>
</tr>
</thead>
<tbody> <tbody>
<tr> <tr>
<td>San Francisco, CA</td> <td>
<td><a href="http://neocities.org">neocities.org</a></td> <span class="location">San Francisco, CA</span>
<td>4/27/15 7:11PM</td> <a class="referrer" href=""><i class="fa fa-link"></i> neocities.org</a>
</td>
<td>
<span class="time">7:11PM</span>
<span class="paths"><a href="">/index</a>, <a href="">/links</a>, <a href="">/art</a></span>
</td>
</tr> </tr>
<tr> <tr>
<td>Portland,&nbsp;OR</td> <td>
<td>Google search</td> <span class="location">Portland, OR</span>
<td>4/27/15 7:15PM</td> <a class="referrer" href=""><i class="fa fa-search"></i> Google search</a>
</td>
<td>
<span class="time">7:11PM</span>
<span class="paths"><a href="">/index</a></span>
</td>
</tr> </tr>
<tr> <tr>
<td>New York, NY</td> <td>
<td><a href="">violasong.com</a></td> <span class="location">London, UK</span>
<td>4/28/15 8:22PM</td> <a class="referrer" href=""><i class="fa fa-link"></i> Twitter URL</a>
</td>
<td>
<span class="time">7:11PM</span>
<span class="paths"><a href="">/index</a>, <a href="">/about</a></span>
</td>
</tr> </tr>
<tr> <tr>
<td>Seattle, WA</td> <td>
<td>Facebook URL</td> <span class="location">Hong Kong, China</span>
<td>4/28/15 9:22PM</td> <a class="referrer" href=""><i class="fa fa-search"></i> Google search</a>
</td>
<td>
<span class="time">7:11PM</span>
<span class="paths"><a href="">/index</a>, <a href="">/links</a>, <a href="">/art</a>, <a href="">/music</a></span>
</td>
</tr> </tr>
<tr> <tr>
<td>Portland, OR</td> <td>
<td>Google search</td> <span class="location">San Francisco, CA</span>
<td>4/30/15 7:15PM</td> <a class="referrer" href=""><i class="fa fa-link"></i> Facebook URL</a>
</td>
<td>
<span class="time">7:11PM - 4/27/15</span>
<span class="paths"><a href="">/index</a></span>
</td>
</tr> </tr>
<tr> <tr>
<td>San Francisco, CA</td> <td>
<td><a href="http://neocities.org">neocities.org</a></td> <span class="location">San Francisco, CA</span>
<td>4/27/15 7:11PM</td> <a class="referrer" href=""><i class="fa fa-link"></i> neocities.org</a>
</td>
<td>
<span class="time">7:11PM - 4/27/15</span>
<span class="paths"><a href="">/index</a>, <a href="">/links</a>, <a href="">/art</a></span>
</td>
</tr> </tr>
<tr> <tr>
<td>Portland,&nbsp;OR</td> <td>
<td>Google search</td> <span class="location">Portland, OR</span>
<td>4/27/15 7:15PM</td> <a class="referrer" href=""><i class="fa fa-search"></i> Google search</a>
</td>
<td>
<span class="time">7:11PM - 4/27/15</span>
<span class="paths"><a href="">/index</a></span>
</td>
</tr> </tr>
<tr> <tr>
<td>New York, NY</td> <td>
<td><a href="">violasong.com</a></td> <span class="location">London, UK</span>
<td>4/28/15 8:22PM</td> <a class="referrer" href=""><i class="fa fa-link"></i> Twitter URL</a>
</td>
<td>
<span class="time">7:11PM - 4/27/15</span>
<span class="paths"><a href="">/index</a>, <a href="">/about</a></span>
</td>
</tr> </tr>
<tr> <tr>
<td>Seattle, WA</td> <td>
<td>Twitter URL</td> <span class="location">Hong Kong, China</span>
<td>4/28/15 9:22PM</td> <a class="referrer" href=""><i class="fa fa-search"></i> Google search</a>
</tr> </td>
<tr> <td>
<td>Portland, OR</td> <span class="time">7:11PM - 4/27/15</span>
<td>Google search</td> <span class="paths"><a href="">/index</a>, <a href="">/links</a>, <a href="">/art</a>, <a href="">/music</a></span>
<td>4/30/15 7:15PM</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </div>
<h2>Last 7 Days <small>(<a href="/plan">Upgrade</a> to see up to 90 days)</small></h2> <h2>Last 7 Days</h2>
<canvas id="myChart" style="width:100%;height:400px;display:block"></canvas> <p>(<a href="/plan">Upgrade</a> to see up to see stats for all time)</p>
<ul class="nav h-Nav">
<li><a href="">Month</a></li>
<li><a href="">3 months</a></li>
<li><a href="">1 Year</a></li>
<li><a href="">All time</a></li>
</ul>
<canvas id="myChart" style="width:100%;height:300px;display:block"></canvas>
<div class="row"> <div class="row">
<div class="col col-50"> <div class="col col-50">