notazof
/
yavsc
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Yet a better style 

Intergates a nice image from Kali,
get padding smaller on small screens,
print blog post titles!

	* Web.csproj: new images

	* App.master: a nicer javascript and better structure

	* style.css: less padding on small screens

	* p8-av4.xxs.png: from Kali, Da code

	* p8-av4.xxs.jpg: from Kali, Da code, da light one

	* Index.aspx: print titles, removes actionlink class to these last one

	* UserPosts.aspx: print titles, removes actionlink class to these last one

	* star-939235_1280.xxs.jpg: a lighter weight

	* helix-nebula-1400x1400.xxs.jpg: a lighter weight
main
Paul Schneider 10 years ago
parent ef64d14ec8
commit 0fba423d06
10 changed files with 92 additions and 46 deletions
Show Stats Download Patch File Download Diff File

81
web/App_Themes/style.css
Unescape Escape View File

@ -15,17 +15,16 @@ input, textarea, checkbox {
} }
header { header {
border-radius:10px; display: block;
border-radius:1em;
margin: 1em; margin: 1em;
padding: 3em; padding: 3em;
padding-top: 5em;
display: block;
background: url("/images/star-939235_1280.jpg") 0 0 no-repeat fixed;
min-height: 10em; min-height: 10em;
background: url("/images/star-939235_1280.jpg") 0 0 no-repeat fixed;
} }
nav { nav {
border-radius:10px; border-radius:1em;
margin: 1em; margin: 1em;
padding: 1em; padding: 1em;
display: block; display: block;
@ -34,7 +33,7 @@ nav {
} }
main { main {
border-radius:10px; border-radius:1em;
margin: 1em; margin: 1em;
padding: 1em; padding: 1em;
display: block; display: block;
@ -43,7 +42,7 @@ main {
} }
footer { footer {
border-radius:10px; border-radius:1em;
margin: 1em; margin: 1em;
padding: 1em; padding: 1em;
display: block; display: block;
@ -57,10 +56,12 @@ footer a {
background-color: rgba(0,0,40,.8); background-color: rgba(0,0,40,.8);
border-radius:5px; border-radius:5px;
margin:.5em; margin:.5em;
padding:.5em; padding:1em;
} }
footer img { max-height: 2em; } footer img { max-height: 2em; vertical-align: middle; }
a.actionlink img, h1 img, .menuitem img { vertical-align: middle; }
#gspacer { #gspacer {
background-color: rgba(0,0,40,.8); background-color: rgba(0,0,40,.8);
border-radius:5px; border-radius:5px;
@ -115,7 +116,6 @@ textarea.fullwidth { min-height:10em; }
bottom:0; bottom:0;
} }
.panel,.bshpanel, aside { .panel,.bshpanel, aside {
background-color: rgba(32,16,16,0.8); background-color: rgba(32,16,16,0.8);
border-radius:5px; border-radius:5px;
@ -123,7 +123,6 @@ textarea.fullwidth { min-height:10em; }
padding: .5em; padding: .5em;
} }
.hint { .hint {
display: inline; display: inline;
font-style: italic; font-style: italic;
@ -137,16 +136,19 @@ content: ")";
} }
h1 img { vertical-align: text-top;
}
a { a {
text-decoration: none; text-decoration: none;
color: #B0B080; color: #B0B080;
background-color:rgba(20,0,20,0.5); background-color:rgba(20,0,20,0.5);
text-decoration: underline; text-decoration: none;
}
.usertitleref {
color: #B0B080;
border-radius: 5px;
background-color:rgba(0,0,32,0.8);
font-family: 'Arial', cursive;
padding: 1em;
} }
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
} }
@ -190,9 +192,6 @@ ul.preview li:nth-child(n) {
color: #f88; color: #f88;
} }
usertitleref {
}
.actionlink { .actionlink {
color: #B0B080; color: #B0B080;
border-radius: 5px; border-radius: 5px;
@ -210,7 +209,6 @@ input, select {
font-family: 'Arial', cursive; font-family: 'Arial', cursive;
} }
a.actionlink img { top:4px; }
.actionlink:hover { .actionlink:hover {
background-color:rgba(30,0,124,0.9); background-color:rgba(30,0,124,0.9);
@ -267,27 +265,50 @@ a.actionlink img { top:4px; }
{ display:none;} { display:none;}
} }
@media all and (min-width: 641px) { @media all and (min-width: 640px) {
.bshpanel { display:block; } .bshpanel { display:block; }
.bsh { display: none; } .bsh { display: none; }
.c3 { display:initial; } .c3 { display:initial; }
.c3-alt { display:none; } .c3-alt { display:none; }
} }
@media all and (max-width: 640px) { @media all and (max-width: 640px) {
header {
margin: .5em;
padding: .5em;
min-height: 3em;
background: url("/images/star-939235_1280.xxs.jpg") 0 0 repeat fixed;
}
nav {
margin: .5em;
padding: .5em;
min-height: 3em;
background: url("/images/helix-nebula-1400x1400.xxs.jpg") 50% 10em no-repeat fixed ;
}
main {
margin: .5em;
padding: .5em;
min-height: 7em;
background: url("/images/p8-av4.xxs.jpg") 50% 20em repeat fixed ;
}
footer {
margin: .5em;
padding: .5em;
min-height: 3em;
background: url("/images/helix-nebula-1400x1400.xxs.jpg") 50% 90% repeat fixed ;
}
.menuitem { .menuitem {
display: block; display: block;
} }
.post {
.bshpanel { cursor:zoom-in; } margin:.3em;
footer { padding:.3em;
clear:both;
} }
.usertitleref{
padding:.3em;
}
.bshpanel { cursor:zoom-in; }
footer { clear:both; }
.c2 { display:initial; } .c2 { display:initial; }
.c2-alt { display:none; } .c2-alt { display:none; }

20
web/ChangeLog
Unescape Escape View File

@ -1,3 +1,23 @@
2015-10-02 Paul Schneider <paul@pschneider.fr>
* Web.csproj: new images
* App.master: a nicer javascript and better structure
* style.css: less padding on small screens
* p8-av4.xxs.png: from Kali, Da code
* p8-av4.xxs.jpg: from Kali, Da code, da light one
* Index.aspx: print titles, removes actionlink class to these last one
* UserPosts.aspx: print titles, removes actionlink class to these last one
* star-939235_1280.xxs.jpg: a lighter weight
* helix-nebula-1400x1400.xxs.jpg: a lighter weight
2015-10-02 Paul Schneider <paul@pschneider.fr> 2015-10-02 Paul Schneider <paul@pschneider.fr>
* Web.csproj: * Web.csproj:

16
web/Models/App.master
Unescape Escape View File

@ -19,7 +19,6 @@
var apiBaseUrl = '<%=Url.Content(Yavsc.WebApiConfig.UrlPrefixRelative)%>'; var apiBaseUrl = '<%=Url.Content(Yavsc.WebApiConfig.UrlPrefixRelative)%>';
$(document).ready(function(){ $(document).ready(function(){
var $window = $(window); var $window = $(window);
$('[data-type="background"]').each(function(){ $('[data-type="background"]').each(function(){
var $bgobj = $(this); // assigning the object var $bgobj = $(this); // assigning the object
// get the initial background position, assumes a "X% Yem" ? // get the initial background position, assumes a "X% Yem" ?
@ -59,8 +58,9 @@ $(document).ready(function(){
$bgobj.attr('orgbgpy',parseInt(bgposy)); $bgobj.attr('orgbgpy',parseInt(bgposy));
$(window).scroll(function() { $(window).scroll(function() {
var xPos = $bgobj.attr('orgbgpx') - ($window.scrollLeft() / $bgobj.data('speed')); var speed = $bgobj.data('speed');
var yPos = $bgobj.attr('orgbgpy') - ($window.scrollTop() / $bgobj.data('speed')); var xPos = $bgobj.attr('orgbgpx') - Math.round($window.scrollLeft() / speed);
var yPos = $bgobj.attr('orgbgpy') - Math.round($window.scrollTop() / speed);
// Put together our final background position // Put together our final background position
var coords = '' + xPos + $bgobj.attr('orgbgpxu') + yPos + $bgobj.attr('orgbgpyu'); var coords = '' + xPos + $bgobj.attr('orgbgpxu') + yPos + $bgobj.attr('orgbgpyu');
// Move the background // Move the background
@ -75,7 +75,7 @@ $(document).ready(function(){
<link href='http://fonts.googleapis.com/css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'/>
</head> </head>
<body> <body>
<header data-type="background" data-speed="10" > <header data-type="background" data-speed="8" >
<asp:ContentPlaceHolder ID="overHeaderOne" runat="server"> <asp:ContentPlaceHolder ID="overHeaderOne" runat="server">
@ -93,7 +93,7 @@ $(document).ready(function(){
</header> </header>
<nav data-type="background" data-speed="10" data-emheight="10" data-posx="0" data-posy="11" > <nav data-type="background" data-speed="6" data-emheight="10" data-posx="0" data-posy="11" >
<% if (Membership.GetUser()==null) { %> <% if (Membership.GetUser()==null) { %>
<a href="<%= Url.Content("~/Account/Login/?returnUrl=") + Url.Encode( Request.Url.PathAndQuery )%>" > <a href="<%= Url.Content("~/Account/Login/?returnUrl=") + Url.Encode( Request.Url.PathAndQuery )%>" >
<div class="menuitem"> <div class="menuitem">
@ -120,7 +120,7 @@ $(document).ready(function(){
<i class="fa fa-sign-out"></i>Deconnexion</a> <i class="fa fa-sign-out"></i>Deconnexion</a>
<% } %> <% } %>
</nav> </nav>
<main data-type="background" data-speed="10" data-emheight="10" data-posx="0" data-posy="22" > <main data-type="background" data-speed="10">
<div> <div>
<asp:ContentPlaceHolder ID="MainContent" runat="server"> <asp:ContentPlaceHolder ID="MainContent" runat="server">
</asp:ContentPlaceHolder> </asp:ContentPlaceHolder>
@ -129,7 +129,7 @@ $(document).ready(function(){
<asp:ContentPlaceHolder ID="MASContent" runat="server"> <asp:ContentPlaceHolder ID="MASContent" runat="server">
</asp:ContentPlaceHolder> </asp:ContentPlaceHolder>
<footer data-type="background" data-speed="10"> <footer data-type="background" data-speed="2">
<div > <div >
<%= Html.ActionLink("Formulaire de contact","Contact","Home",null, new { @class="thanks" }) %> <%= Html.ActionLink("Formulaire de contact","Contact","Home",null, new { @class="thanks" }) %>
<% foreach ( Link link in Html.Thanks()) { %> <% foreach ( Link link in Html.Thanks()) { %>
@ -142,7 +142,7 @@ $(document).ready(function(){
<script src="https://apis.google.com/js/platform.js" defer> <script src="https://apis.google.com/js/platform.js" defer>
{lang: 'fr'} {lang: 'fr'}
</script> </script>
<div id="gspacer"><div class="g-plusone" data-annotation="inline" data-width="230"></div></div> <div id="gspacer"><div class="g-plusone" data-annotation="inline" data-width="170"></div></div>
</footer> </footer>
</body> </body>
</html> </html>

2
web/Views/Blogs/Index.aspx
Unescape Escape View File

@ -9,7 +9,7 @@
<% foreach (var p in g) { %> <% foreach (var p in g) { %>
<div class="postpreview"> <div class="postpreview">
<%= Html.ActionLink(p.Title, "UserPost", <%= Html.ActionLink(p.Title, "UserPost",
new { user = g.Key, title = p.Title }, new { @class = "usertitleref actionlink" } ) %> new { user = g.Key, title = p.Title }, new { @class = "usertitleref" } ) %>
<aside> <aside>
(Posté le <%=p.Posted.ToString("D") %>) (Posté le <%=p.Posted.ToString("D") %>)

7
web/Views/Blogs/UserPosts.aspx
Unescape Escape View File

@ -19,11 +19,11 @@
<asp:Content ContentPlaceHolderID="MainContent" ID="MainContentContent" runat="server"> <asp:Content ContentPlaceHolderID="MainContent" ID="MainContentContent" runat="server">
<% foreach (BlogEntry e in this.Model) { %> <% foreach (BlogEntry e in this.Model) { %>
<div class="postpreview<% if (!e.Visible) { %> hiddenpost<% } %>" > <div class="postpreview<% if (!e.Visible) { %> hiddenpost<% } %>" >
<h2><%= Html.ActionLink(e.Title,"UserPost", new { user=e.Author, title=e.Title, id = e.Id }, new { @class = "usertitleref actionlink" }) %></h2> <h2><%= Html.ActionLink(e.Title,"UserPost", new { user=e.Author, title=e.Title, id = e.Id }, new { @class = "usertitleref" }) %></h2>
<% bool truncated = false; %> <% bool truncated = false; %>
<%= Html.MarkdownToHtmlIntro(out truncated, e.Content,"/bfiles/"+e.Id+"/") %> <%= Html.MarkdownToHtmlIntro(out truncated, e.Content,"/bfiles/"+e.Id+"/") %>
<% if (truncated) { %> <% if (truncated) { %>
<i><%= Html.ActionLink( "lire la suite" ,"UserPost", new { user=e.Author, title=e.Title, id = e.Id }, new { @class = "usertitleref actionlink" }) %></i> <i><%= Html.ActionLink( "lire la suite" ,"UserPost", new { user=e.Author, title=e.Title, id = e.Id }, new { @class = "usertitleref" }) %></i>
<% } %> <% } %>
<aside>(<%= e.Posted.ToString("yyyy/MM/dd") %> <aside>(<%= e.Posted.ToString("yyyy/MM/dd") %>
- <%= e.Modified.ToString("yyyy/MM/dd") %> <%= e.Visible? "":", Invisible!" %>) - <%= e.Modified.ToString("yyyy/MM/dd") %> <%= e.Visible? "":", Invisible!" %>)
@ -44,8 +44,9 @@
user.Value = (string) ViewData["BlogUser"]; user.Value = (string) ViewData["BlogUser"];
%> %>
<aside>
<yavsc:ResultPages id="rp1" Action = "?pageIndex={0}" runat="server"></yavsc:ResultPages> <yavsc:ResultPages id="rp1" Action = "?pageIndex={0}" runat="server"></yavsc:ResultPages>
</aside>
<asp:HiddenField id="user" runat="server"></asp:HiddenField> <asp:HiddenField id="user" runat="server"></asp:HiddenField>
</form> </form>

4
web/Web.csproj
Unescape Escape View File

@ -410,6 +410,10 @@
<Content Include="App_Themes\tabs.css" /> <Content Include="App_Themes\tabs.css" />
<Content Include="App_Themes\theme.css" /> <Content Include="App_Themes\theme.css" />
<Content Include="App_Themes\tooltip.css" /> <Content Include="App_Themes\tooltip.css" />
<Content Include="images\helix-nebula-1400x1400.xxs.jpg" />
<Content Include="images\star-939235_1280.xxs.jpg" />
<Content Include="images\p8-av4.xxs.png" />
<Content Include="images\p8-av4.xxs.jpg" />
</ItemGroup> </ItemGroup>
<Import Project="$(MSBuildBinPath)\Microsoft.CSharp.targets" /> <Import Project="$(MSBuildBinPath)\Microsoft.CSharp.targets" />
<Import Project="$(MSBuildExtensionsPath)\Microsoft\VisualStudio\v10.0\WebApplications\Microsoft.WebApplication.targets" /> <Import Project="$(MSBuildExtensionsPath)\Microsoft\VisualStudio\v10.0\WebApplications\Microsoft.WebApplication.targets" />

BIN
web/images/helix-nebula-1400x1400.xxs.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
web/images/p8-av4.xxs.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
web/images/p8-av4.xxs.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 132 KiB

BIN
web/images/star-939235_1280.xxs.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.4 KiB

Write Preview
Loading…