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 {
td:nth-child(1), td:nth-child(2) {
width: 100%;
color: #777;
font-size: .8em;
td {
white-space: nowrap;
text-overflow: ellipsis;
}
span {
display: block;
}
.location {
color: #2f4149;
font-weight: bold;
font-size: 1.2em;
}
}
#earth_div {
width: 100%;

126
views/stats_mockup.erb
View file

@ -24,77 +24,119 @@
<div class="col-left">
<div class="col col-66">
<div class="row">
<div class="col col-50" style="padding-right: 0;">
<h2>Latest Visitors</h2>
<div id="earth_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">
<thead>
<tr>
<th>Location</th>
<th>Referrer</th>
<th>Time</th>
</tr>
</thead>
<tbody>
<tr>
<td>San Francisco, CA</td>
<td><a href="http://neocities.org">neocities.org</a></td>
<td>4/27/15 7:11PM</td>
<td>
<span class="location">San Francisco, CA</span>
<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>
<td>Portland,&nbsp;OR</td>
<td>Google search</td>
<td>4/27/15 7:15PM</td>
<td>
<span class="location">Portland, OR</span>
<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>
<td>New York, NY</td>
<td><a href="">violasong.com</a></td>
<td>4/28/15 8:22PM</td>
<td>
<span class="location">London, UK</span>
<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>
<td>Seattle, WA</td>
<td>Facebook URL</td>
<td>4/28/15 9:22PM</td>
<td>
<span class="location">Hong Kong, China</span>
<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>
<td>Portland, OR</td>
<td>Google search</td>
<td>4/30/15 7:15PM</td>
<td>
<span class="location">San Francisco, CA</span>
<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>
<td>San Francisco, CA</td>
<td><a href="http://neocities.org">neocities.org</a></td>
<td>4/27/15 7:11PM</td>
<td>
<span class="location">San Francisco, CA</span>
<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>
<td>Portland,&nbsp;OR</td>
<td>Google search</td>
<td>4/27/15 7:15PM</td>
<td>
<span class="location">Portland, OR</span>
<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>
<td>New York, NY</td>
<td><a href="">violasong.com</a></td>
<td>4/28/15 8:22PM</td>
<td>
<span class="location">London, UK</span>
<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>
<td>Seattle, WA</td>
<td>Twitter URL</td>
<td>4/28/15 9:22PM</td>
</tr>
<tr>
<td>Portland, OR</td>
<td>Google search</td>
<td>4/30/15 7:15PM</td>
<td>
<span class="location">Hong Kong, China</span>
<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>, <a href="">/links</a>, <a href="">/art</a>, <a href="">/music</a></span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<h2>Last 7 Days <small>(<a href="/plan">Upgrade</a> to see up to 90 days)</small></h2>
<canvas id="myChart" style="width:100%;height:400px;display:block"></canvas>
<h2>Last 7 Days</h2>
<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="col col-50">