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

News feed suggestions now using the same site gallery style as the browse page

Browse source
This commit is contained in:
Victoria Wang 2014-10-15 17:38:19 -07:00
parent 05ea963464
commit 6bb76f1894
3 changed files with 50 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -1080,7 +1080,10 @@ a.tag:hover {
.pagination .arrow {
vertical-align: 1px;
}
.view-all-sites {
font-size: 1.2em;
margin-top: 1em;
}
.interior .header-Outro.with-columns .col.filter {
padding-top: 0px;
padding-bottom: 4px;

14
sass/_project-sass/_project-Website-Gallery.scss
View file

@ -54,6 +54,7 @@
.title {
margin-top: 8px;
margin-bottom: 2px;
white-space: nowrap;
}
&.int-Gall{
@ -73,6 +74,19 @@
width:49%
}
}
&.suggestions {
padding: .25em 0 0 0;
li {
margin: 0 1.33% 12px 0;
width: 32%;
@include box-shadow(1px 1px 2px 1px rgba(0, 0, 0, 0.1));
@media (max-width:1000px){
width:48%
}
}
}
}
}

44
views/home.erb
View file

@ -29,27 +29,47 @@
<div class="welcome">
<h4>Welcome to your Neocities news feed!</h4>
<p>
You aren't following any websites yet! Once you do, updates will show up here and you can like and comment on them.
You aren’t following any websites yet! Once you do, updates will show up here and you can like and comment on them.
Here are some website suggestions for you. Want to find some sites to follow? <a href="/browse">Check out all the sites on Neocities!</a>
</p>
</div>
<ul class="row website-Gallery content int-Gall suggestions">
<% @suggestions.each do |suggested_site| %>
<div class="site-suggestion">
<div class="site-portrait">
<a href="//<%= suggested_site.host %>">
<img src="<%= suggested_site.screenshot_url('index.html', '540x405') %>">
</a>
<span class="caption">
<a href="/site/<%= suggested_site.username %>"><%= suggested_site.title %></a>
<li>
<a href="//<%= suggested_site.host %>" class="neo-Screen-Shot" target="_blank" title="<%= suggested_site.title %>">
<span class="img-Holder" style="background:url(<%= suggested_site.screenshot_url('index.html', '540x405') %>) no-repeat;">
<img src="/img/placeholder.png" alt="<%= suggested_site.title %>" />
</span>
</a>
<div class="title">
<a href="//<%= suggested_site.host %>" title="<%= suggested_site.title %>"><%= suggested_site.title.shorten(30) %></a>
</div>
<% suggested_site.tags.each do |tag| %>
<a class="tag" href="/browse?tag=<%= Rack::Utils.escape tag.name %>"><%= tag.name %></a>
<% end %>
</div>
<div class="site-info">
<div class="username">
<a href="/site/<%= suggested_site.username %>" title="Profile">
<i class="fa fa-user"></i><%= site.username %>
</a>
</div>
<div class="site-stats">
<a href="/site/<%= suggested_site.username %>">
<%= suggested_site.views %>&nbsp;view<%= suggested_site.views == 1 ? '' : 's' %>
</a>
</div>
<div class="site-tags">
<% if suggested_site.tags.count > 0 %>
<i class="fa fa-tag"></i>
<% suggested_site.tags.each_with_index do |tag, index| %>
<a class="" href="/browse?tag=<%= Rack::Utils.escape tag.name %>"><%= tag.name %></a><% if index != suggested_site.tags.length - 1 %>,<% end %>
<% end %>
<% end %>
</div>
</div>
</li>
<% end %>
</ul>
<p class="view-all-sites"><a href="/browse">View all sites <i class="fa fa-angle-double-right"></i></a></p>
<% end %>
</div>