cleaned css
This commit is contained in:
+1
-15
@@ -42,21 +42,11 @@ h1, h2, h3, h4, h5, h6 {
|
|||||||
font-family: 'ola',sans-serif;
|
font-family: 'ola',sans-serif;
|
||||||
margin: 0; }
|
margin: 0; }
|
||||||
|
|
||||||
#main h1, #main h2 {
|
|
||||||
border: 2px solid #000;
|
|
||||||
padding: 5px;
|
|
||||||
display: inline-block;
|
|
||||||
position: absolute; }
|
|
||||||
|
|
||||||
#main h1 {
|
#main h1 {
|
||||||
padding: 5px 1rem;
|
|
||||||
top: 100px;
|
|
||||||
white-space: nowrap; }
|
white-space: nowrap; }
|
||||||
|
|
||||||
#main h2 {
|
#main h2 {
|
||||||
top: 0;
|
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
padding: 5px 1rem;
|
|
||||||
font-size: 1rem; }
|
font-size: 1rem; }
|
||||||
|
|
||||||
p {
|
p {
|
||||||
@@ -73,7 +63,6 @@ img {
|
|||||||
max-width: 100%; }
|
max-width: 100%; }
|
||||||
|
|
||||||
code {
|
code {
|
||||||
border: 1px solid #000;
|
|
||||||
padding: 5px; }
|
padding: 5px; }
|
||||||
|
|
||||||
header#header {
|
header#header {
|
||||||
@@ -83,7 +72,6 @@ header#header {
|
|||||||
padding: 0 1rem; }
|
padding: 0 1rem; }
|
||||||
header#header h1 {
|
header#header h1 {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
border-bottom: 2px solid #000;
|
|
||||||
margin-bottom: 1em; }
|
margin-bottom: 1em; }
|
||||||
header#header #menu li p {
|
header#header #menu li p {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
@@ -100,7 +88,6 @@ div.user {
|
|||||||
div.user header {
|
div.user header {
|
||||||
min-height: 200px; }
|
min-height: 200px; }
|
||||||
div.user .content {
|
div.user .content {
|
||||||
border: 2px solid #000;
|
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 2rem; }
|
margin-bottom: 2rem; }
|
||||||
@@ -108,8 +95,7 @@ div.user {
|
|||||||
width: 105%; }
|
width: 105%; }
|
||||||
div.user section.images ul li {
|
div.user section.images ul li {
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
margin: 1rem 0;
|
margin: 1rem 0; }
|
||||||
border: 2px solid #000; }
|
|
||||||
div.user section.images ul li img {
|
div.user section.images ul li img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
|
|||||||
@@ -5,13 +5,6 @@ $(document).ready(function(){
|
|||||||
|
|
||||||
wrapHTML();
|
wrapHTML();
|
||||||
getOutImages();
|
getOutImages();
|
||||||
|
|
||||||
randomPosition($('div.user h1:first'));
|
|
||||||
randomPosition($('div.user h2:first'));
|
|
||||||
createLineHeader();
|
|
||||||
createLineContent();
|
|
||||||
createLineContentImages();
|
|
||||||
createLineImages();
|
|
||||||
}
|
}
|
||||||
|
|
||||||
function wrapHTML(){
|
function wrapHTML(){
|
||||||
@@ -29,87 +22,6 @@ $(document).ready(function(){
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function createLineHeader(){
|
|
||||||
|
|
||||||
_$users.each(function(){
|
|
||||||
var h2Height = $(this).find('h2:first').outerHeight();
|
|
||||||
|
|
||||||
var h1Width = $(this).find('h1:first').outerWidth();
|
|
||||||
|
|
||||||
var x1 = $(this).find('h2:first').position().left + 50;
|
|
||||||
var y1 = $(this).find('h2:first').position().top + h2Height;
|
|
||||||
var x2 = $(this).find('h1:first').position().left + (h1Width / 2);
|
|
||||||
var y2 = $(this).find('h1:first').position().top;
|
|
||||||
// console.log(x1, x2, y1, y2);
|
|
||||||
var linediv = $(this).line(x1, y1, x2, y2, {width: 2});
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function createLineContent(){
|
|
||||||
_$users.each(function(){
|
|
||||||
var h1Height = $(this).find('h1:first').outerHeight();
|
|
||||||
// var h1Width = $(this).find('h1').outerWidth();
|
|
||||||
|
|
||||||
var x1 = $(this).find('h1:first').position().left + 50;
|
|
||||||
var y1 = $(this).find('h1:first').position().top + h1Height;
|
|
||||||
var x2 = $(this).find('.content').position().left;
|
|
||||||
var y2 = $(this).find('.content').position().top;
|
|
||||||
// console.log(x1, x2, y1, y2);
|
|
||||||
var linediv = $(this).line(x1, y1, x2, y2, {width: 2});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function createLineContentImages(){
|
|
||||||
_$users.each(function(){
|
|
||||||
var contentHeight = $(this).find('.content').outerHeight();
|
|
||||||
// var h1Width = $(this).find('h1').outerWidth();
|
|
||||||
|
|
||||||
var x1 = $(this).find('.content').position().left;
|
|
||||||
var y1 = $(this).find('.content').position().top + contentHeight;
|
|
||||||
var x2 = $(this).find('.images').position().left + 100;
|
|
||||||
var y2 = $(this).find('.images').position().top + 10;
|
|
||||||
// console.log(x1, x2, y1, y2);
|
|
||||||
|
|
||||||
if($(this).find('.images').find('li').length){
|
|
||||||
var linediv = $(this).line(x1, y1, x2, y2, {width: 2});
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function createLineImages(){
|
|
||||||
_$users.each(function(){
|
|
||||||
$(this).find('.images').find('li').each(function(){
|
|
||||||
var height = $(this).outerHeight();
|
|
||||||
var width = $(this).outerWidth();
|
|
||||||
|
|
||||||
if($(this).next().length){
|
|
||||||
// console.log($(this));
|
|
||||||
var x1 = $(this).position().left + width ;
|
|
||||||
var y1 = $(this).position().top + height + 15;
|
|
||||||
var x2 = $(this).next().position().left + width - 100;
|
|
||||||
var y2 = $(this).next().position().top + 16;
|
|
||||||
var linediv = $(this).line(x1, y1, x2, y2, {width: 2});
|
|
||||||
// console.log(y1);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function randomPosition($element){
|
|
||||||
$element.each(function(){
|
|
||||||
var randomPos = Math.random() * (_$users.width()- $(this).width());
|
|
||||||
var width = $(this).width();
|
|
||||||
$(this).css({
|
|
||||||
'left': randomPos,
|
|
||||||
'width': width
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
init();
|
init();
|
||||||
|
|
||||||
|
|||||||
+12
-12
@@ -59,23 +59,23 @@ h1, h2, h3, h4, h5, h6{
|
|||||||
#main{
|
#main{
|
||||||
|
|
||||||
h1, h2{
|
h1, h2{
|
||||||
border: 2px solid #000;
|
// border: 2px solid #000;
|
||||||
padding: 5px;
|
// padding: 5px;
|
||||||
display: inline-block;
|
// display: inline-block;
|
||||||
position: absolute;
|
// position: absolute;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1{
|
h1{
|
||||||
// text-transform: uppercase;
|
// text-transform: uppercase;
|
||||||
padding: 5px 1rem;
|
// padding: 5px 1rem;
|
||||||
top: 100px;
|
// top: 100px;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2{
|
h2{
|
||||||
top:0;
|
// top:0;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
padding: 5px 1rem;
|
// padding: 5px 1rem;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -93,7 +93,7 @@ li{
|
|||||||
img{max-width:100%;}
|
img{max-width:100%;}
|
||||||
|
|
||||||
code{
|
code{
|
||||||
border: 1px solid #000;
|
// border: 1px solid #000;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -105,7 +105,7 @@ header#header{
|
|||||||
padding: 0 1rem;
|
padding: 0 1rem;
|
||||||
h1{
|
h1{
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
border-bottom: 2px solid #000;
|
// border-bottom: 2px solid #000;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
#menu{
|
#menu{
|
||||||
@@ -134,7 +134,7 @@ div.user{
|
|||||||
}
|
}
|
||||||
|
|
||||||
.content{
|
.content{
|
||||||
border: 2px solid #000;
|
// border: 2px solid #000;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2rem;
|
||||||
@@ -144,7 +144,7 @@ div.user{
|
|||||||
li{
|
li{
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
margin: 1rem 0;
|
margin: 1rem 0;
|
||||||
border: 2px solid #000;
|
// border: 2px solid #000;
|
||||||
img{
|
img{
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|||||||
@@ -2,6 +2,7 @@
|
|||||||
# 06-07-2016
|
# 06-07-2016
|
||||||
# Licence : GPLv3
|
# Licence : GPLv3
|
||||||
|
|
||||||
|
echo "generating complete file"
|
||||||
|
|
||||||
if [ ! -d ../output/images ]; then
|
if [ ! -d ../output/images ]; then
|
||||||
mkdir ../output/images
|
mkdir ../output/images
|
||||||
@@ -148,6 +149,9 @@ pandoc -s \
|
|||||||
-A script.tpl.html \
|
-A script.tpl.html \
|
||||||
content.textile
|
content.textile
|
||||||
|
|
||||||
|
cp -r fonts ../output/
|
||||||
|
|
||||||
|
|
||||||
# echo "export markdown as html"
|
# echo "export markdown as html"
|
||||||
# pandoc -s \
|
# pandoc -s \
|
||||||
# -f markdown+hard_line_breaks+auto_identifiers+ascii_identifiers+tex_math_dollars+pipe_tables+all_symbols_escapable \
|
# -f markdown+hard_line_breaks+auto_identifiers+ascii_identifiers+tex_math_dollars+pipe_tables+all_symbols_escapable \
|
||||||
|
|||||||
Reference in New Issue
Block a user