zydronium/neocities
1
0
Fork 0
mirror of https://github.com/neocities/neocities.git synced 2025-04-25 01:32:36 +02:00
Code Issues Projects Releases Packages Wiki Activity

Initial progress in coding the new (logged in) home page with news feed

Browse source
This commit is contained in:
Victoria Wang 2014-04-22 01:02:19 -07:00
parent fd22635f28
commit 54b1eb363f
7 changed files with 218 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/assets/css/_base-sass/_basic.scss
View file

@ -9,7 +9,7 @@
html{overflow-y:scroll; min-height:100%}
// Default body text styling
body{font-size:100%; line-height:1.5}
body{line-height:1.5}
// Reset the Standard Tags
body, blockquote, h1, h2, h3, h4, h5, h6, p, pre, form, fieldset, img,

3
public/assets/css/_project-sass/_project-Base.scss
View file

@ -32,7 +32,8 @@ body{background:#CCDF9B}
a{
color:$c-Link;
&:hover, &:active{color:darken($c-Link, 15%)}
&:visited{color:darken($c-Link, 30%)}
&:visited{color:#A5424B}
// &:visited{color:darken($c-Link, 30%)}
}
// example - :hover{color:darken($c-Link, 15%)}

2
public/assets/css/_project-sass/_project-Header.scss
View file

@ -280,10 +280,8 @@
// Interior CSS
.interior .page{
padding-top: 22px;
clear: both;
float: left;
width: 100%;
padding-bottom: 40px;
}
.interior .signup-Form {
top: 0;

85
public/assets/css/_project-sass/_project-Main.scss
View file

@ -24,7 +24,6 @@
.twitter-tweet.twitter-tweet-rendered{margin:0 auto 30px!important}
// Interior pages
.interior .header-Outro {
padding-top: 30px;
overflow: hidden;
@ -33,7 +32,14 @@
font-size: 2.5em;
margin-top: 20px;
}
.site-url {
font-size:19px;
margin-bottom: 8px;
}
.site-url a {
color: #e93250;
font-weight: bold;
}
.interior .header-Outro .row.content {
}
@ -276,3 +282,78 @@
.site-actions a {
color: #666;
}
.page-with-columns .col-66 {
background-color: white;
padding: 30px;
border-right: 1px solid #ddd;
}
.page-with-columns .col-33 {
padding: 30px;
}
.content.misc-page.columns {
padding: 0;
}
.page-with-columns {
float: left;
padding: 0;
}
.header-Outro.with-columns .col {
padding-left: 0;
}
.header-Outro.short h3 {
float: left;
margin-bottom: 0;
}
.site-suggestion {
float: left;
width: 156px;
margin-right: 20px;
margin-bottom: 20px;
height: 160px;
}
.site-portrait {
border: 5px solid white;
-moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,.2);
-webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,.2);
box-shadow: 1px 1px 2px 1px rgba(0,0,0,.2);
float:left;
margin-bottom: .5em;
}
.site-portrait img {
width: 146px;
}
.site-portrait .caption {
display: block;
clear: both;
font-size: .8em;
margin-top: .2em;
margin-bottom: -.2em;
}
a.tag {
font-size: .7em;
text-transform: uppercase;
background: #FFFFCC;
color: #C1A009;
float: left;
padding: 1px 5px;
-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.2);
margin-right: 3px;
margin-right: 10px;
margin-bottom: 7px;
}
a.tag:hover {
text-decoration: none;
background: #FFEE8A;
}
.following {
width: 100%;
float: left;
}
.following .avatar {
height:37px;
width:37px;
margin: 0 4px 4px 0;
float: left;
}

2
public/assets/css/_project-sass/_project-Type.scss
View file

@ -13,7 +13,7 @@ h3, .gamma {font:{size:$gamma; weight:400}}
h4, .delta {font:{size:$delta; weight:300}}
h5, .eps {font:{size:$eps; weight:300}}
h6, .zeta {font:{size:$zeta; weight:300}}
p, li, li p, .base, li a {font:{size:$base; weight:300}}
p, li, .base {font:{size:$base; weight:300}}
small, .tiny {font:{size:$tiny; weight:300}}
.mini {font:{size:$mini; weight:300}}

8
public/assets/css/neo.css
View file

File diff suppressed because one or more lines are too long

127
views/home_mockup.erb Normal file
View file

@ -0,0 +1,127 @@
<div class="header-Outro with-columns">
<div class="row content">
<div class="col col-66">
<h3>My Feed</h3>
<p><a href="">All Activity</a> <a href="">Activity on your profile</a></p>
</div>
<div class="col col-33">
<h3>My Website</h3>
</div>
</div>
</div>
<div class="content misc-page columns">
<div class="page-with-columns">
<div class="col col-66">
<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. Here are some website suggestions based on your tags, or <a href="/browse">check out all the sites on Neocities!</a></p>
</div>
<div class="site-suggestion">
<div class="site-portrait">
<a href="http://dragonquest.neocities.org">
<img src="http://neocities.org/site_screenshots/dragonquest.jpg">
<span class="caption">dragonquest</span>
</a>
</div>
<a class="tag" href="http://neocities.org">Games</a>
<a class="tag" href="http://neocities.org">Anime</a>
<a class="tag" href="http://neocities.org">Art</a>
<a class="tag" href="http://neocities.org">Cooking</a>
</div>
<div class="site-suggestion">
<div class="site-portrait">
<a href="http://dragonquest.neocities.org">
<img src="http://neocities.org/site_screenshots/dragonquest.jpg">
<span class="caption">dragonquest</span>
</a>
</div>
<a class="tag" href="http://neocities.org">Games</a>
<a class="tag" href="http://neocities.org">Anime</a>
<a class="tag" href="http://neocities.org">Art</a>
</div>
<div class="site-suggestion">
<div class="site-portrait">
<a href="http://dragonquest.neocities.org">
<img src="http://neocities.org/site_screenshots/dragonquest.jpg">
<span class="caption">dragonquest</span>
</a>
</div>
<a class="tag" href="http://neocities.org">Games</a>
<a class="tag" href="http://neocities.org">Anime</a>
</div>
<div class="site-suggestion">
<div class="site-portrait">
<a href="http://dragonquest.neocities.org">
<img src="http://neocities.org/site_screenshots/dragonquest.jpg">
<span class="caption">dragonquest</span>
</a>
</div>
<a class="tag" href="http://neocities.org">Games</a>
</div>
<div class="site-suggestion">
<div class="site-portrait">
<a href="http://dragonquest.neocities.org">
<img src="http://neocities.org/site_screenshots/dragonquest.jpg">
<span class="caption">dragonquest</span>
</a>
</div>
<a class="tag" href="http://neocities.org">Games</a>
<a class="tag" href="http://neocities.org">Anime</a>
</div>
<div class="site-suggestion">
<div class="site-portrait">
<a href="http://dragonquest.neocities.org">
<img src="http://neocities.org/site_screenshots/dragonquest.jpg">
<span class="caption">dragonquest</span>
</a>
</div>
<a class="tag" href="http://neocities.org">Games</a>
</div>
</div>
<div class="col col-33">
<p class="site-url"><a href="http://<%= current_site.username %>.neocities.org" target="_blank">http://<%= current_site.username %>.neocities.org</a></p>
<div>Last updated <strong><%= current_site.updated_at.ago %></strong></div>
<div><strong><%= current_site.hits.to_s.reverse.gsub(/...(?=.)/,'\&,').reverse %></strong> hits
24 followers
3 tips ($13.55)
<a href=""><img src="http://neocities.org/site_screenshots/codeventurer.jpg" style="width:340px"></a>
<h3>Following</h3>
<div class="following">
<a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
<a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
<a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
<a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
<a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
<a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
<a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
<a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
<a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
<a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
<a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
<a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
<a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
<a href=""><img src="http://neocities.org/site_screenshots/dragonquest.jpg" class="avatar"></a>
</div>
<h3>Tags</h3>
<a class="tag" href="http://neocities.org">Games</a>
<a class="tag" href="http://neocities.org">Anime</a>
<a class="tag" href="http://neocities.org">Art</a>
<a class="tag" href="http://neocities.org">Cooking</a>
<a class="tag" href="http://neocities.org">Games</a>
<a class="tag" href="http://neocities.org">Anime</a>
<a class="tag" href="http://neocities.org">Art</a>
<a class="tag" href="http://neocities.org">Cooking</a>
</div>
</div>
</div>