12 gewijzigde bestanden met toevoegingen van 2035 en 1 verwijderingen
@ -0,0 +1,8 @@ |
|||
package controllers |
|||
|
|||
import "github.com/astaxie/beego" |
|||
|
|||
type NoteController struct { |
|||
beego.Controller |
|||
} |
|||
|
|||
@ -0,0 +1,48 @@ |
|||
/* http://meyerweb.com/eric/tools/css/reset/ |
|||
v2.0 | 20110126 |
|||
License: none (public domain) |
|||
*/ |
|||
|
|||
html, body, div, span, applet, object, iframe, |
|||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|||
a, abbr, acronym, address, big, cite, code, |
|||
del, dfn, em, img, ins, kbd, q, s, samp, |
|||
small, strike, strong, sub, sup, tt, var, |
|||
b, u, i, center, |
|||
dl, dt, dd, ol, ul, li, |
|||
fieldset, form, label, legend, |
|||
table, caption, tbody, tfoot, thead, tr, th, td, |
|||
article, aside, canvas, details, embed, |
|||
figure, figcaption, footer, header, hgroup, |
|||
menu, nav, output, ruby, section, summary, |
|||
time, mark, audio, video { |
|||
margin: 0; |
|||
padding: 0; |
|||
border: 0; |
|||
font-size: 100%; |
|||
font: inherit; |
|||
vertical-align: baseline; |
|||
} |
|||
/* HTML5 display-role reset for older browsers */ |
|||
article, aside, details, figcaption, figure, |
|||
footer, header, hgroup, menu, nav, section, main { |
|||
display: block; |
|||
} |
|||
body { |
|||
line-height: 1; |
|||
} |
|||
ol, ul { |
|||
list-style: none; |
|||
} |
|||
blockquote, q { |
|||
quotes: none; |
|||
} |
|||
blockquote:before, blockquote:after, |
|||
q:before, q:after { |
|||
content: ''; |
|||
content: none; |
|||
} |
|||
table { |
|||
border-collapse: collapse; |
|||
border-spacing: 0; |
|||
} |
|||
@ -0,0 +1,373 @@ |
|||
/* -------------------------------- |
|||
|
|||
Primary style |
|||
|
|||
-------------------------------- */ |
|||
html * { |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
*, *:after, *:before { |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
html, body { |
|||
/* you need to set this to assign to the main element a min height of 100% */ |
|||
height: 100%; |
|||
} |
|||
|
|||
body { |
|||
font-size: 100%; |
|||
font-family: "Titillium Web", sans-serif; |
|||
color: #4e6361; |
|||
background-color: #f5f4e9; |
|||
} |
|||
|
|||
a { |
|||
color: #6cac70; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
/* -------------------------------- |
|||
|
|||
Modules - reusable parts of our design |
|||
|
|||
-------------------------------- */ |
|||
.cd-img-replace { |
|||
/* replace text with a background-image */ |
|||
display: inline-block; |
|||
overflow: hidden; |
|||
text-indent: 100%; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
.overflow-hidden { |
|||
overflow: hidden; |
|||
} |
|||
|
|||
/* -------------------------------- |
|||
|
|||
Main components |
|||
|
|||
-------------------------------- */ |
|||
.cd-main-content { |
|||
/* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */ |
|||
min-height: 100%; |
|||
position: relative; |
|||
background-color: #f5f4e9; |
|||
z-index: 2; |
|||
padding-top: 0px; |
|||
/* Force Hardware Acceleration in WebKit */ |
|||
-webkit-transform: translateZ(0); |
|||
-webkit-backface-visibility: hidden; |
|||
-webkit-transition-property: -webkit-transform; |
|||
-moz-transition-property: -moz-transform; |
|||
transition-property: transform; |
|||
-webkit-transition-duration: 0.4s; |
|||
-moz-transition-duration: 0.4s; |
|||
transition-duration: 0.4s; |
|||
} |
|||
.cd-main-content.lateral-menu-is-open { |
|||
/* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/ |
|||
-webkit-transform: translateX(-260px); |
|||
-moz-transform: translateX(-260px); |
|||
-ms-transform: translateX(-260px); |
|||
-o-transform: translateX(-260px); |
|||
transform: translateX(-260px); |
|||
} |
|||
@media only screen and (min-width: 768px) { |
|||
.cd-main-content { |
|||
padding-top: 0px; |
|||
} |
|||
} |
|||
|
|||
header { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
height: 20px; |
|||
width: 20px; |
|||
background: #4e6361; |
|||
z-index: 3; |
|||
/* Force Hardware Acceleration in WebKit */ |
|||
-webkit-transform: translateZ(0); |
|||
-webkit-backface-visibility: hidden; |
|||
-webkit-transition-property: -webkit-transform; |
|||
-moz-transition-property: -moz-transform; |
|||
transition-property: transform; |
|||
-webkit-transition-duration: 0.4s; |
|||
-moz-transition-duration: 0.4s; |
|||
transition-duration: 0.4s; |
|||
} |
|||
header.lateral-menu-is-open { |
|||
/* translate to show the lateral menu */ |
|||
-webkit-transform: translateX(-260px); |
|||
-moz-transform: translateX(-260px); |
|||
-ms-transform: translateX(-260px); |
|||
-o-transform: translateX(-260px); |
|||
transform: translateX(-260px); |
|||
} |
|||
header.is-fixed { |
|||
position: fixed; |
|||
} |
|||
@media only screen and (min-width: 768px) { |
|||
header { |
|||
height: 20px; |
|||
} |
|||
} |
|||
|
|||
#cd-logo { |
|||
display: block; |
|||
float: left; |
|||
margin: 12px 0 0 20px; |
|||
} |
|||
#cd-logo img { |
|||
display: block; |
|||
} |
|||
@media only screen and (min-width: 768px) { |
|||
#cd-logo { |
|||
margin: 22px 0 0 30px; |
|||
} |
|||
} |
|||
|
|||
#cd-menu-trigger { |
|||
position: absolute; |
|||
right: 0; |
|||
top: 0; |
|||
height: 100%; |
|||
width: 50px; |
|||
background-color: #64807d; |
|||
} |
|||
#cd-menu-trigger .cd-menu-text { |
|||
height: 100%; |
|||
text-transform: uppercase; |
|||
color: #FFF; |
|||
font-weight: 600; |
|||
display: none; |
|||
} |
|||
#cd-menu-trigger .cd-menu-icon { |
|||
/* this span is the central line in the menu menu */ |
|||
display: inline-block; |
|||
position: absolute; |
|||
left: 50%; |
|||
top: 50%; |
|||
bottom: auto; |
|||
right: auto; |
|||
-webkit-transform: translateX(-50%) translateY(-50%); |
|||
-moz-transform: translateX(-50%) translateY(-50%); |
|||
-ms-transform: translateX(-50%) translateY(-50%); |
|||
-o-transform: translateX(-50%) translateY(-50%); |
|||
transform: translateX(-50%) translateY(-50%); |
|||
width: 18px; |
|||
height: 2px; |
|||
background-color: #FFF; |
|||
/* these are the upper and lower lines in the menu menu */ |
|||
} |
|||
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after { |
|||
content: ''; |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
background-color: inherit; |
|||
left: 0; |
|||
/* Force Hardware Acceleration in WebKit */ |
|||
-webkit-transform: translateZ(0); |
|||
-webkit-backface-visibility: hidden; |
|||
} |
|||
#cd-menu-trigger .cd-menu-icon::before { |
|||
bottom: 5px; |
|||
} |
|||
#cd-menu-trigger .cd-menu-icon::after { |
|||
top: 5px; |
|||
} |
|||
#cd-menu-trigger.is-clicked .cd-menu-icon { |
|||
background-color: rgba(255, 255, 255, 0); |
|||
} |
|||
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after { |
|||
background-color: white; |
|||
} |
|||
#cd-menu-trigger.is-clicked .cd-menu-icon::before { |
|||
bottom: 0; |
|||
-webkit-transform: rotate(45deg); |
|||
-moz-transform: rotate(45deg); |
|||
-ms-transform: rotate(45deg); |
|||
-o-transform: rotate(45deg); |
|||
transform: rotate(45deg); |
|||
} |
|||
#cd-menu-trigger.is-clicked .cd-menu-icon::after { |
|||
top: 0; |
|||
-webkit-transform: rotate(-45deg); |
|||
-moz-transform: rotate(-45deg); |
|||
-ms-transform: rotate(-45deg); |
|||
-o-transform: rotate(-45deg); |
|||
transform: rotate(-45deg); |
|||
} |
|||
@media only screen and (min-width: 768px) { |
|||
#cd-menu-trigger { |
|||
width: 110px; |
|||
padding-left: 1.25em; |
|||
} |
|||
#cd-menu-trigger .cd-menu-text { |
|||
display: inline-block; |
|||
line-height: 70px; |
|||
} |
|||
#cd-menu-trigger .cd-menu-icon { |
|||
left: auto; |
|||
right: 1.25em; |
|||
-webkit-transform: translateX(0); |
|||
-moz-transform: translateX(0); |
|||
-ms-transform: translateX(0); |
|||
-o-transform: translateX(0); |
|||
transform: translateX(0); |
|||
} |
|||
} |
|||
|
|||
#cd-lateral-nav { |
|||
position: fixed; |
|||
height: 100%; |
|||
right: 0; |
|||
top: 0; |
|||
/* the secondary navigation is covered by the main element */ |
|||
z-index: 1; |
|||
width: 260px; |
|||
background-color: #242e30; |
|||
overflow-y: auto; |
|||
/* Force Hardware Acceleration in WebKit */ |
|||
-webkit-transform: translateZ(0); |
|||
-webkit-backface-visibility: hidden; |
|||
-webkit-transition-property: -webkit-transform; |
|||
-moz-transition-property: -moz-transform; |
|||
transition-property: transform; |
|||
-webkit-transition-duration: 0.4s; |
|||
-moz-transition-duration: 0.4s; |
|||
transition-duration: 0.4s; |
|||
/* this creates the subtle slide in animation of the navigation */ |
|||
-webkit-transform: translateX(80px); |
|||
-moz-transform: translateX(80px); |
|||
-ms-transform: translateX(80px); |
|||
-o-transform: translateX(80px); |
|||
transform: translateX(80px); |
|||
} |
|||
#cd-lateral-nav .cd-navigation { |
|||
margin: 10px 0 16px; |
|||
} |
|||
#cd-lateral-nav .sub-menu { |
|||
padding: 0 10px 20px 15px; |
|||
display: none; |
|||
} |
|||
#cd-lateral-nav a { |
|||
display: block; |
|||
line-height: 2em; |
|||
padding: 0 16px 0 32px; |
|||
color: #aab5b7; |
|||
} |
|||
#cd-lateral-nav a.current { |
|||
background-color: #3a4a4d; |
|||
color: #FFF; |
|||
} |
|||
.no-touch #cd-lateral-nav a:hover { |
|||
color: #FFF; |
|||
} |
|||
@media only screen and (min-width: 768px) { |
|||
#cd-lateral-nav .cd-navigation { |
|||
margin: 20px 0; |
|||
} |
|||
} |
|||
#cd-lateral-nav.lateral-menu-is-open { |
|||
-webkit-transform: translateX(0); |
|||
-moz-transform: translateX(0); |
|||
-ms-transform: translateX(0); |
|||
-o-transform: translateX(0); |
|||
transform: translateX(0); |
|||
/* smooth the scrolling on touch devices - webkit browsers */ |
|||
-webkit-overflow-scrolling: touch; |
|||
} |
|||
|
|||
/* style menu items which have a submenu */ |
|||
#cd-lateral-nav .item-has-children > a { |
|||
position: relative; |
|||
text-transform: uppercase; |
|||
font-weight: 600; |
|||
/* this is the right arrow to show that the item has a submenu */ |
|||
} |
|||
#cd-lateral-nav .item-has-children > a::after { |
|||
content: ''; |
|||
display: block; |
|||
height: 11px; |
|||
width: 8px; |
|||
position: absolute; |
|||
top: 50%; |
|||
bottom: auto; |
|||
-webkit-transform: translateY(-50%); |
|||
-moz-transform: translateY(-50%); |
|||
-ms-transform: translateY(-50%); |
|||
-o-transform: translateY(-50%); |
|||
transform: translateY(-50%); |
|||
right: 1em; |
|||
background: url("../img/cd-arrow.svg") no-repeat center center; |
|||
background-size: 8px 11px; |
|||
-webkit-transition-property: -webkit-transform; |
|||
-moz-transition-property: -moz-transform; |
|||
transition-property: transform; |
|||
-webkit-transition-duration: 0.2s; |
|||
-moz-transition-duration: 0.2s; |
|||
transition-duration: 0.2s; |
|||
} |
|||
#cd-lateral-nav .item-has-children > a.submenu-open::after { |
|||
-webkit-transform: translateY(-50%) rotate(90deg); |
|||
-moz-transform: translateY(-50%) rotate(90deg); |
|||
-ms-transform: translateY(-50%) rotate(90deg); |
|||
-o-transform: translateY(-50%) rotate(90deg); |
|||
transform: translateY(-50%) rotate(90deg); |
|||
} |
|||
|
|||
#cd-lateral-nav .socials { |
|||
padding: 0 32px; |
|||
} |
|||
#cd-lateral-nav .socials:after { |
|||
content: ""; |
|||
display: table; |
|||
clear: both; |
|||
} |
|||
#cd-lateral-nav .socials a { |
|||
height: 32px; |
|||
width: 32px; |
|||
float: left; |
|||
padding: 0; |
|||
background-image: url("../img/cd-socials.svg"); |
|||
background-repeat: no-repeat; |
|||
background-size: 128px 64px; |
|||
background-color: #FFF; |
|||
margin-right: .5em; |
|||
border-radius: 0.25em; |
|||
} |
|||
#cd-lateral-nav .socials a.cd-twitter { |
|||
background-position: 0 0; |
|||
} |
|||
#cd-lateral-nav .socials a.cd-github { |
|||
background-position: -32px 0; |
|||
} |
|||
#cd-lateral-nav .socials a.cd-facebook { |
|||
background-position: -64px 0; |
|||
} |
|||
#cd-lateral-nav .socials a.cd-google { |
|||
background-position: -96px 0; |
|||
} |
|||
.no-touch #cd-lateral-nav .socials a:hover { |
|||
background-color: #4e6361; |
|||
} |
|||
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter { |
|||
background-position: 0 -32px; |
|||
} |
|||
.no-touch #cd-lateral-nav .socials a:hover.cd-github { |
|||
background-position: -32px -32px; |
|||
} |
|||
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook { |
|||
background-position: -64px -32px; |
|||
} |
|||
.no-touch #cd-lateral-nav .socials a:hover.cd-google { |
|||
background-position: -96px -32px; |
|||
} |
|||
|
Na Breedte: | Hoogte: | Grootte: 1.0 KiB |
|
Na Breedte: | Hoogte: | Grootte: 4.3 KiB |
File diff suppressed because one or more lines are too long
@ -0,0 +1,46 @@ |
|||
jQuery(document).ready(function($){ |
|||
var $lateral_menu_trigger = $('#cd-menu-trigger'), |
|||
$content_wrapper = $('.cd-main-content'), |
|||
$navigation = $('header'); |
|||
|
|||
//open-close lateral menu clicking on the menu icon
|
|||
$lateral_menu_trigger.on('click', function(event){ |
|||
event.preventDefault(); |
|||
|
|||
$lateral_menu_trigger.toggleClass('is-clicked'); |
|||
$navigation.toggleClass('lateral-menu-is-open'); |
|||
$content_wrapper.toggleClass('lateral-menu-is-open').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){ |
|||
// firefox transitions break when parent overflow is changed, so we need to wait for the end of the trasition to give the body an overflow hidden
|
|||
$('body').toggleClass('overflow-hidden'); |
|||
}); |
|||
$('#cd-lateral-nav').toggleClass('lateral-menu-is-open'); |
|||
|
|||
//check if transitions are not supported - i.e. in IE9
|
|||
if($('html').hasClass('no-csstransitions')) { |
|||
$('body').toggleClass('overflow-hidden'); |
|||
} |
|||
}); |
|||
|
|||
//close lateral menu clicking outside the menu itself
|
|||
$content_wrapper.on('click', function(event){ |
|||
if( !$(event.target).is('#cd-menu-trigger, #cd-menu-trigger span') ) { |
|||
$lateral_menu_trigger.removeClass('is-clicked'); |
|||
$navigation.removeClass('lateral-menu-is-open'); |
|||
$content_wrapper.removeClass('lateral-menu-is-open').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function(){ |
|||
$('body').removeClass('overflow-hidden'); |
|||
}); |
|||
$('#cd-lateral-nav').removeClass('lateral-menu-is-open'); |
|||
//check if transitions are not supported
|
|||
if($('html').hasClass('no-csstransitions')) { |
|||
$('body').removeClass('overflow-hidden'); |
|||
} |
|||
|
|||
} |
|||
}); |
|||
|
|||
//open (or close) submenu items in the lateral menu. Close all the other open submenu items.
|
|||
$('.item-has-children').children('a').on('click', function(event){ |
|||
event.preventDefault(); |
|||
$(this).toggleClass('submenu-open').next('.sub-menu').slideToggle(200).end().parent('.item-has-children').siblings('.item-has-children').children('a').removeClass('submenu-open').next('.sub-menu').slideUp(200); |
|||
}); |
|||
}); |
|||
Diff onderdrukt omdat het te groot bestand
@ -0,0 +1,82 @@ |
|||
<!doctype html> |
|||
<html lang="en" class="no-js"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"/> |
|||
<meta name="description" content="个人随笔是一个面向IT技术人员,提供个人平时工作总结和在线记录学习笔记,个人技术博客,在线云笔记,码农笔录,最新的技术博客,www.aiprose.com"> |
|||
<meta name="keywords" content="个人随笔,博客,个人博客,个人笔记,技术博客,免费云笔记,云笔记,随笔,IT博客,谷歌地图,码农笔录,www.aiprose.com,aiprose.com,aiprose"> |
|||
<link rel="stylesheet" href="//g.alicdn.com/sui/sui3/0.0.18/css/sui.min.css"> |
|||
{{/*<script type="text/javascript" src="//g.alicdn.com/sj/lib/jquery/dist/jquery.min.js"></script>*/}} |
|||
<title>笔记 - 个人随笔</title> |
|||
<link type="text/css" rel="styleSheet" href="/static/css/menu-reset.css"/> |
|||
<link type="text/css" rel="styleSheet" href="/static/css/notemenu.css"/> |
|||
<script src="/static/js/menu.js"></script> <!-- Modernizr --> |
|||
<script src="/static/js/jquery-1.11.1.min.js"></script> |
|||
<script src="//unpkg.com/wangeditor/release/wangEditor.min.js"></script> |
|||
|
|||
</head> |
|||
<body> |
|||
<header> |
|||
|
|||
<a id="cd-menu-trigger" href="#0"><span class="cd-menu-icon"></span></a> |
|||
</header> |
|||
|
|||
<div class="cd-main-content"> |
|||
<div id="editor" class="editor"> |
|||
|
|||
</div> |
|||
</div> <!-- cd-main-content --> |
|||
|
|||
<nav id="cd-lateral-nav"> |
|||
<ul class="cd-navigation"> |
|||
<li class="item-has-children"> |
|||
<a href="#0">Services</a> |
|||
<ul class="sub-menu"> |
|||
<li><a href="#0">Brand</a></li> |
|||
<li><a href="#0">Web Apps</a></li> |
|||
<li><a href="#0">Mobile Apps</a></li> |
|||
</ul> |
|||
</li> <!-- item-has-children --> |
|||
|
|||
<li class="item-has-children"> |
|||
<a href="#0">Products</a> |
|||
<ul class="sub-menu"> |
|||
<li><a href="#0">Product 1</a></li> |
|||
<li><a href="#0">Product 2</a></li> |
|||
<li><a href="#0">Product 3</a></li> |
|||
<li><a href="#0">Product 4</a></li> |
|||
<li><a href="#0">Product 5</a></li> |
|||
</ul> |
|||
</li> <!-- item-has-children --> |
|||
</ul> <!-- cd-navigation --> |
|||
|
|||
<ul class="cd-navigation cd-single-item-wrapper"> |
|||
<li><a href="#0">Tour</a></li> |
|||
<li><a href="#0">Login</a></li> |
|||
<li><a href="#0">Register</a></li> |
|||
<li><a href="#0">Pricing</a></li> |
|||
<li><a href="#0">Support</a></li> |
|||
</ul> <!-- cd-single-item-wrapper --> |
|||
|
|||
<!-- cd-single-item-wrapper --> |
|||
|
|||
<div class="cd-navigation socials"> |
|||
<a class="cd-twitter cd-img-replace" href="#0">Twitter</a> |
|||
<a class="cd-github cd-img-replace" href="#0">Git Hub</a> |
|||
<a class="cd-facebook cd-img-replace" href="#0">Facebook</a> |
|||
<a class="cd-google cd-img-replace" href="#0">Google Plus</a> |
|||
</div> <!-- socials --> |
|||
</nav> |
|||
|
|||
|
|||
<script src="/static/js/menu.js"></script> <!-- Resource jQuery --> |
|||
<script type="text/javascript" src="/static/js/layer.js"></script> |
|||
</body> |
|||
<script> |
|||
var E = window.wangEditor |
|||
var editor = new E('#editor') |
|||
editor.customConfig.uploadImgServer = '/upload' |
|||
// 或者 var editor = new E( document.getElementById('editor') ) |
|||
editor.create() |
|||
</script> |
|||
</html> |
|||
Laden…
Reference in new issue