This is an automated email from the ASF dual-hosted git repository. adelbene pushed a commit to branch wicket-9 in repository https://gitbox.apache.org/repos/asf/wicket-site.git
commit 4cc8f1c518163d9ae608d0243d977d89b42febb4 Author: Andrea Del Bene <[email protected]> AuthorDate: Wed Jun 24 23:27:32 2020 +0200 More part of landing page ported to flex layout --- content/css/style.css | 2 +- content/css/style.css.map | 4 ++-- content/index.html | 22 ++++++++++++---------- 3 files changed, 15 insertions(+), 13 deletions(-) diff --git a/content/css/style.css b/content/css/style.css index 3a4f2fd..2fd4b01 100644 --- a/content/css/style.css +++ b/content/css/style.css @@ -112,7 +112,7 @@ main { box-shadow: 0 .5rem 3rem #f0f0f0; } .l-button-table > .l-two-third { float: none; margin-left: 0; margin-right: 0; } -.l-flex { display: flex; } +.l-flex { display: flex; flex-wrap: wrap; } .is-hidden { display: none !important; } diff --git a/content/css/style.css.map b/content/css/style.css.map index 5f90d52..4bcc5d4 100644 --- a/content/css/style.css.map +++ b/content/css/style.css.map @@ -28,7 +28,7 @@ "// =========== Mixins\n\n// Animations\n// Example: .element { @include animation(keyframe-name, 500ms, default); }\n@mixin animation ($name: true, $duration: true, $timing_function: true, $delay: false, $iteration_count: false, $direction: false) {\n @if $name { -webkit-animation-name: $name; -moz-animation-name: $name; -ms-animation-name: $name; }\n @if $duration { -webkit-animation-duration: $duration; -moz-animation-duration: $duration; -ms-animation-duration: $duration; }\n [...] "// =========== Grid\n\n// Use '@include grid(12, 2)' to make a column.\n// The first unit (12) is the column width.\n// The second unit (2) is the margin on both sides.\n// The margin will be auto substracted from the column width.\n// So don't recalculate the column width if you change your margin.\n\n// To set different margins on both sides use '@include grid(12, 2, 3)'.\n// You can also use negative margins.\n\n$grid-column: 100% / $grid-columns;\n\n@mixin col($n: 1) { width: ($n [...] "// =========== Base\n\nhtml, 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, [...] - "// =========== Layout\n\n.l-full {\n @include breakpoint($breakpoint-30) { @include grid(48, 1); }\n width: 100%;\n float: none;\n}\n\n.l-two-third {\n\n @include breakpoint($breakpoint-30) { @include grid(32, 1); }\n}\n\n.l-half {\n\n @include breakpoint($breakpoint-30) { @include grid(24, 1); }\n}\n\n.l-one-quarter {\n @include breakpoint($breakpoint-30) { @include grid(12, 1); }\n}\n\n.l-one-eigth {\n @include breakpoint($breakpoint-30) { @include grid(6, 1); } [...] + "// =========== Layout\n\n.l-full {\n @include breakpoint($breakpoint-30) { @include grid(48, 1); }\n width: 100%;\n float: none;\n}\n\n.l-two-third {\n\n @include breakpoint($breakpoint-30) { @include grid(32, 1); }\n}\n\n.l-half {\n\n @include breakpoint($breakpoint-30) { @include grid(24, 1); }\n}\n\n.l-one-quarter {\n @include breakpoint($breakpoint-30) { @include grid(12, 1); }\n}\n\n.l-one-eigth {\n @include breakpoint($breakpoint-30) { @include grid(6, 1); } [...] "// =========== States\n\n.is-hidden { display: none !important; }\n\n.is-hidden, .is-invisible { visibility: hidden !important; }\n\n.is-active, .is-visible { display: block; }\n\n.left { @include breakpoint($breakpoint-10) { float: left; } }\n\n.right { @include breakpoint($breakpoint-10) { float: right; } }\n\n.text-left { text-align: left; }\n\n.text-right { text-align: right; }\n\n.text-center { text-align: center; }\n\n.nowrap { white-space: nowrap; }\n\nimg.desaturated {\n -w [...] "// =========== Buttons\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n%button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: 0;\n border-radius: $border-radius-10;\n cursor: pointer;\n display: inline-block;\n font-family: $font-family-body;\n font-size: $font-size-30;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-weight: bold; [...] "// =========== Print\n\n@media print {\n * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */\n a, a:visited { text-decoration: underline; }\n a[href]:after { content: \" (\" attr(href) \")\"; }\n abbr[title]:after { content: \" (\" attr(title) \")\"; }\n .ir a:after, a[href^=\"javascript:\"]:after, a[href^=\"#\"]:after { content: \"\"; [...] @@ -42,5 +42,5 @@ "\n.wicket8 {\n nav.mainmenu {\n a, a:active, a:hover {\n color:$almost-black;\n }\n }\n\n .header {\n color:$almost-black;\n }\n .jumbotron {\n &.header{\n background-color:#BF866F;\n background-image: url('../img/background-4.jpg');\n background-repeat: no-repeat;\n background-position: center 50%;\n background-size: cover;\n box-shadow: none;\n }\n .j [...] ], "names": [], - "mappings": "AAAA,OAAO,CAAC,4CAAI;AACZ,OAAO,CAAC,4CAAI;AKCZ,AAAA,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,E [...] + "mappings": "AAAA,OAAO,CAAC,4CAAI;AACZ,OAAO,CAAC,4CAAI;AKCZ,AAAA,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,E [...] } \ No newline at end of file diff --git a/content/index.html b/content/index.html index 4ab7e29..8ba93b3 100644 --- a/content/index.html +++ b/content/index.html @@ -135,7 +135,7 @@ </div> </div> -<div class="l-first"> +<div class="l-first l-flex"> <div class="l-one-third"> <h3>Java 8+ Required</h3> <p> @@ -158,7 +158,7 @@ </p> </div> </div> -<div class="l-first"> +<div class="l-first l-flex"> <div class="l-two-third"> <h3>Lambdas in All The Right Places</h3> <p> @@ -170,7 +170,7 @@ </p> </div> </div> -<div class="l-first"> +<div class="l-first l-flex"> <div class="l-full"> <h3>Optional is Sometimes Required</h3> </div> @@ -209,7 +209,7 @@ </div> </div> -<div class="l-first"> +<div class="l-first l-flex"> <div class="l-full"> <h3>Models as Functional Interface</h3> <p> @@ -236,7 +236,7 @@ </div> </div> -<div class="l-first"> +<div class="l-first l-flex"> <div class="l-half"> <h3>No Rewrite Necessary</h3> <p> @@ -259,7 +259,7 @@ </p> </div> </div> -<div class="l-first"> +<div class="l-first l-flex"> <div class="l-full"> <h2>Getting Started with Wicket 8</h2> <p> @@ -306,7 +306,7 @@ web application.</p> </div> -<div class="l-first"> +<div class="l-first l-flex"> <div class="l-one-third"> <img src="/img/java-wicket-html5.png" class="l-full" /> <h3>Just Java & HTML</h3> @@ -330,7 +330,7 @@ of basic Ajax components.</p> </div> </div> -<div class="l-first"> +<div class="l-first l-flex"> <div class="l-one-third"> <h3>Open Source with Apache License</h3> <p>Since its inception in 2004 Wicket has been an open source @@ -352,7 +352,7 @@ page, or even component level.</p> </div> </div> -<div class="l-first"> +<div class="l-first l-flex"> <div class="l-one-third"> <h3>Multi-tab and window support</h3> <p>No more pain while keeping taps on multiple tabs and windows. @@ -369,7 +369,7 @@ file.</p> </div> </div> -<div class="l-first"> +<div class="l-first l-flex"> <div class="l-one-third"> <h3>Test your pages and components</h3> <p>With WicketTester you can achieve testing coverage your QA @@ -392,6 +392,8 @@ </div> <div class="l-first"> </div> +<hr /> + <article id="news" class="">
