cleaned css

This commit is contained in:
Bachir Soussi Chiadmi
2016-12-04 15:10:15 +01:00
parent 752f2e961a
commit 7f66e3ebe0
4 changed files with 17 additions and 115 deletions
+1 -15
View File
@@ -42,21 +42,11 @@ h1, h2, h3, h4, h5, h6 {
font-family: 'ola',sans-serif;
margin: 0; }
#main h1, #main h2 {
border: 2px solid #000;
padding: 5px;
display: inline-block;
position: absolute; }
#main h1 {
padding: 5px 1rem;
top: 100px;
white-space: nowrap; }
#main h2 {
top: 0;
white-space: nowrap;
padding: 5px 1rem;
font-size: 1rem; }
p {
@@ -73,7 +63,6 @@ img {
max-width: 100%; }
code {
border: 1px solid #000;
padding: 5px; }
header#header {
@@ -83,7 +72,6 @@ header#header {
padding: 0 1rem; }
header#header h1 {
font-size: 1rem;
border-bottom: 2px solid #000;
margin-bottom: 1em; }
header#header #menu li p {
margin-top: 0;
@@ -100,7 +88,6 @@ div.user {
div.user header {
min-height: 200px; }
div.user .content {
border: 2px solid #000;
padding: 1rem;
width: 100%;
margin-bottom: 2rem; }
@@ -108,8 +95,7 @@ div.user {
width: 105%; }
div.user section.images ul li {
line-height: 0;
margin: 1rem 0;
border: 2px solid #000; }
margin: 1rem 0; }
div.user section.images ul li img {
max-width: 100%;
width: 100%; }
-88
View File
@@ -5,13 +5,6 @@ $(document).ready(function(){
wrapHTML();
getOutImages();
randomPosition($('div.user h1:first'));
randomPosition($('div.user h2:first'));
createLineHeader();
createLineContent();
createLineContentImages();
createLineImages();
}
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();
+12 -12
View File
@@ -59,23 +59,23 @@ h1, h2, h3, h4, h5, h6{
#main{
h1, h2{
border: 2px solid #000;
padding: 5px;
display: inline-block;
position: absolute;
// border: 2px solid #000;
// padding: 5px;
// display: inline-block;
// position: absolute;
}
h1{
// text-transform: uppercase;
padding: 5px 1rem;
top: 100px;
// padding: 5px 1rem;
// top: 100px;
white-space: nowrap;
}
h2{
top:0;
// top:0;
white-space: nowrap;
padding: 5px 1rem;
// padding: 5px 1rem;
font-size: 1rem;
}
}
@@ -93,7 +93,7 @@ li{
img{max-width:100%;}
code{
border: 1px solid #000;
// border: 1px solid #000;
padding: 5px;
}
@@ -105,7 +105,7 @@ header#header{
padding: 0 1rem;
h1{
font-size: 1rem;
border-bottom: 2px solid #000;
// border-bottom: 2px solid #000;
margin-bottom: 1em;
}
#menu{
@@ -134,7 +134,7 @@ div.user{
}
.content{
border: 2px solid #000;
// border: 2px solid #000;
padding: 1rem;
width: 100%;
margin-bottom: 2rem;
@@ -144,7 +144,7 @@ div.user{
li{
line-height: 0;
margin: 1rem 0;
border: 2px solid #000;
// border: 2px solid #000;
img{
max-width: 100%;
width: 100%;
+4
View File
@@ -2,6 +2,7 @@
# 06-07-2016
# Licence : GPLv3
echo "generating complete file"
if [ ! -d ../output/images ]; then
mkdir ../output/images
@@ -148,6 +149,9 @@ pandoc -s \
-A script.tpl.html \
content.textile
cp -r fonts ../output/
# echo "export markdown as html"
# pandoc -s \
# -f markdown+hard_line_breaks+auto_identifiers+ascii_identifiers+tex_math_dollars+pipe_tables+all_symbols_escapable \