add table + resizablejq
This commit is contained in:
+15
-5
@@ -1,7 +1,17 @@
|
||||
title: Grav
|
||||
title: r2c
|
||||
default_lang: en
|
||||
author:
|
||||
name: Joe Bloggs
|
||||
email: 'joe@example.com'
|
||||
name: 'Kevin Tessier'
|
||||
email: kevin@figureslibres.io
|
||||
taxonomies:
|
||||
- category
|
||||
- tag
|
||||
metadata:
|
||||
description: 'Grav is an easy to use, yet powerful, open source flat-file CMS'
|
||||
|
||||
description: R2C
|
||||
summary:
|
||||
enabled: true
|
||||
format: short
|
||||
size: 300
|
||||
delimiter: '==='
|
||||
blog:
|
||||
route: /blog
|
||||
|
||||
File diff suppressed because one or more lines are too long
+1
-1
@@ -1 +1 @@
|
||||
#page-wrapper #start{position:relative;display:-ms-inline-flexbox;display:inline-flex;width:100%;height:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}#page-wrapper #start>div{width:500px;height:50%;text-align:center;outline:1px solid #ccc}#page-wrapper #start>div>div{width:10px;height:10px;background:red}
|
||||
*{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{font:inherit;font-size:16px;margin:0;padding:0;vertical-align:baseline;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body,html{height:100%}body{line-height:1}ol,ul{list-style:none}a{text-decoration:none;color:#000}blockquote,q{quotes:none}img{width:100%;height:100%;vertical-align:bottom}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-spacing:0;border-collapse:collapse}p{font-style:normal}em{font-style:italic}strong{font-weight:bolder}#page{height:100%}#page #start{display:table;width:100%;height:90%}#page #start>div{display:table-row}#page #start>div>div{display:table-cell;text-align:center;outline:1px solid #000}#page #start .ui-icon,#page #start .ui-widget-content .ui-icon{background:red}
|
||||
Vendored
+1311
File diff suppressed because it is too large
Load Diff
+31
-10
@@ -1,14 +1,35 @@
|
||||
// function resizable() {
|
||||
// $( "#start > div" ).resizable();
|
||||
//
|
||||
// };
|
||||
function wrap(){
|
||||
$('#start > div:nth-child(-n+3)').wrapAll('<div class="top"></div> ')
|
||||
$('#start > div:nth-child(n+2)').wrapAll('<div class="bottom"></div> ')
|
||||
};
|
||||
|
||||
$(document).ready(function() {
|
||||
$( function() {
|
||||
$( "#start > div " ).resizable({
|
||||
resetAxes: true,
|
||||
maxWidth: 1000,
|
||||
minWidth: 300
|
||||
wrap();
|
||||
|
||||
$(window).on("load resize", function() {
|
||||
|
||||
var windowWidth = $(window).width();
|
||||
var windowHeight = $(window).height();
|
||||
var v1Width = $("#récit").width()
|
||||
|
||||
|
||||
$("#récit").resizable({
|
||||
minWidth: 50,
|
||||
maxWidth: windowWidth - 80,
|
||||
maxHeight: windowHeight * (.83)
|
||||
}).on("#resize", function() {
|
||||
|
||||
if (v1Width == $("#récit").width()) {
|
||||
$("#interview").height(0)
|
||||
}
|
||||
v1Width = $("#interview").width()
|
||||
});
|
||||
} );
|
||||
|
||||
$("#interview").resizable({
|
||||
maxHeight: windowHeight * (.83)
|
||||
}).on("#resize", function() {
|
||||
$("#récit").height(0)
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
@import "configuration/config";
|
||||
|
||||
//reset$
|
||||
// @import "template/reset";
|
||||
@import "template/reset";
|
||||
|
||||
// Typography
|
||||
// @import "template/typography";
|
||||
|
||||
@@ -30,9 +30,12 @@ footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
html, body{
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1;
|
||||
margin: 0 10%;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
|
||||
@@ -1,20 +1,31 @@
|
||||
#page-wrapper{
|
||||
#start{
|
||||
display: inline-flex;
|
||||
flex-wrap: wrap;
|
||||
#page{
|
||||
height: 100%;
|
||||
#start{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
& > div{
|
||||
width: 500px;
|
||||
height: 50%;
|
||||
text-align: center;
|
||||
outline: 1px solid #ccc;
|
||||
// height: 100%;
|
||||
display: table;
|
||||
height: 90%;
|
||||
|
||||
// display: inline-grid;
|
||||
// grid-template-columns: 33% 33% 33%;
|
||||
// grid-template-rows: auto auto;
|
||||
// justify-items: stretch;
|
||||
// align-items: stretch;
|
||||
// justify-content: stretch;
|
||||
// display: flex;
|
||||
// align-content: stretch;
|
||||
& > div {
|
||||
display: table-row;
|
||||
& > div {
|
||||
background: red;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
display: table-cell;
|
||||
text-align: center;
|
||||
outline: 1px solid black;
|
||||
}
|
||||
// width: calc(100% / 3);
|
||||
// // height: 50%;
|
||||
}
|
||||
.ui-icon, .ui-widget-content .ui-icon{
|
||||
background: red;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -47,9 +47,9 @@
|
||||
{% endblock %} #}
|
||||
|
||||
{% block body %}
|
||||
{% for module in page.collection() if module.template != 'modular/hero' %}
|
||||
<div id="{{ _self.pageLinkName(module.menu) }}">
|
||||
{{ module.content }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% for module in page.collection if module.template != 'modular/hero' %}
|
||||
<div id="{{ _self.pageLinkName(module.menu) }}">
|
||||
{{ module.content }}
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
{% set grid_size = theme_var('grid-size') %}
|
||||
{% set image = page.media.images|first %}
|
||||
|
||||
<section id="modular-text" class="section {{ page.header.class}} bg-gray">
|
||||
{{ content }}
|
||||
</section>
|
||||
<section id="modular-text" class="{{ page.header.class}}">
|
||||
{{ content }}
|
||||
</section>
|
||||
|
||||
@@ -7,19 +7,19 @@
|
||||
{% block head %}
|
||||
<meta charset="utf-8" />
|
||||
<title>{% if header.title %}{{ header.title|e('html') }} | {% endif %}{{ site.title|e('html') }}</title>
|
||||
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
{% include 'partials/metadata.html.twig' %}
|
||||
|
||||
<link rel="icon" type="image/png" href="{{ url('theme://images/favicon.png') }}" />
|
||||
<link rel="canonical" href="{{ page.url(true, true) }}" />
|
||||
|
||||
{% block stylesheets %}
|
||||
|
||||
{% do assets.addCss('theme://css-compiled/template.css') %}
|
||||
|
||||
{% do assets.addCss('theme://css/jquery-ui.css') %}
|
||||
{% do assets.addCss('theme://css-compiled/template.css') %}
|
||||
{% endblock %}
|
||||
|
||||
{{ assets.css() }}
|
||||
|
||||
{% block javascripts %}
|
||||
@@ -27,32 +27,26 @@
|
||||
{% do assets.addJs('theme://js/jquery-ui.js', {group:'bottom'}) %}
|
||||
{% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}
|
||||
{% endblock %}
|
||||
|
||||
{{ assets.js() }}
|
||||
|
||||
{% endblock head %}
|
||||
</head>
|
||||
<body id="top" class="{% block body_classes %}{{ body_classes }}{% endblock %}">
|
||||
<div id="page-wrapper">
|
||||
<body id="top">
|
||||
<div id="page">
|
||||
{% block header %}
|
||||
<section id="header" class="section">
|
||||
<section class="container {{ grid_size }}">
|
||||
<nav class="navbar">
|
||||
<section class="navbar-section logo">
|
||||
<a href="{{ home_url }}" class="navbar-brand mr-10">{% include('@images/grav-logo.svg') %}</a>
|
||||
</section>
|
||||
<a href="{{ home_url }}" class="navbar-brand mr-10">{{site.title}}</a>
|
||||
<section class="navbar-section">
|
||||
|
||||
<nav class="dropmenu animated">
|
||||
{% block header_navigation %}
|
||||
{% include 'partials/navigation.html.twig' %}
|
||||
{% endblock %}
|
||||
<nav>
|
||||
{% block header_navigation %}
|
||||
{% include 'partials/navigation.html.twig' %}
|
||||
{% endblock %}
|
||||
</nav>
|
||||
|
||||
{% if config.plugins.login.enabled and grav.user.username %}
|
||||
<span class="login-status-wrapper"><i class="fa fa-user"></i> {% include 'partials/login-status.html.twig' %}</span>
|
||||
{% endif %}
|
||||
|
||||
</section>
|
||||
</nav>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user