You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@wicket.apache.org by ad...@apache.org on 2019/05/25 13:20:15 UTC
[wicket-site] branch asf-site updated: improved Examples page
This is an automated email from the ASF dual-hosted git repository.
adelbene pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/wicket-site.git
The following commit(s) were added to refs/heads/asf-site by this push:
new d9b9da4 improved Examples page
d9b9da4 is described below
commit d9b9da4dbd43290a53714120b7204982697d8b62
Author: Andrea Del Bene <ad...@apache.org>
AuthorDate: Sat May 25 15:19:51 2019 +0200
improved Examples page
---
_includes/ui-frameworks-integration.html | 13 +++++++++++
_layouts/default-no-right-menu.html | 37 ++++++++++++++++++++++++++++++++
community/index.md | 13 +----------
content/atom.xml | 2 +-
content/community/index.html | 2 +-
content/learn/examples/index.html | 18 +++++++++++-----
content/learn/index.html | 1 -
learn/examples/index.md | 12 +++++++++--
learn/index.md | 2 --
9 files changed, 76 insertions(+), 24 deletions(-)
diff --git a/_includes/ui-frameworks-integration.html b/_includes/ui-frameworks-integration.html
new file mode 100644
index 0000000..776c80e
--- /dev/null
+++ b/_includes/ui-frameworks-integration.html
@@ -0,0 +1,13 @@
+---
+
+## Wicket-Bootstrap project
+
+[Wicket-Bootstrap]( https://wb7.teliclab.info) is a full-fledged project that provides integration between Wicket and the popular CSS and JS framework. The project site
+offers a complete showcase of the available features.
+
+---
+
+## Wicket JQuery-UI integration
+
+[Wicket JQuery-UI integration](http://www.7thweb.net/wicket-jquery-ui) provides full integration between Wicket and JQuery UI with many great-looking widgets ready to be used in your application.
+
diff --git a/_layouts/default-no-right-menu.html b/_layouts/default-no-right-menu.html
new file mode 100644
index 0000000..4ce1ac6
--- /dev/null
+++ b/_layouts/default-no-right-menu.html
@@ -0,0 +1,37 @@
+---
+layout: base
+---
+<div class="header default">
+ <div class="l-container">
+ {% include mainmenu.html %}
+ {% include logo.html %}
+ </div>
+</div>
+<main>
+ <div class="l-container">
+ <header class="l-full preamble">
+ <h1>{{ page.title }}</h1>
+ {% if page.subtitle %}<h2>{{ page.subtitle }}</h2>{% endif %}
+ {% if page.titlePicture %}
+ {% assign pictureAttrs = "" %}
+ {% for prop in page.titlePicture %}
+ {% for subprop in prop %}
+ {% capture pictureAttrs %}{{ pictureAttrs }} {{subprop[0]}}="{{subprop[1]}}" {% endcapture %}
+ {% endfor %}
+ {% endfor %}
+ <img {{pictureAttrs}}>
+ {% endif %}
+ {% if page.preamble %}<p>{{ page.preamble | markownify }}</p>{% endif %}
+ </header>
+
+
+ <section class="left">
+ {{ content }}
+{% for item in page.additionalContents %}
+ <article id="{{item.sectionId}}" {% unless item.cssClass == '' %}class="{{item.cssClass}}"{% endunless %}>
+ {% include {{item.path}} %}
+ </article>
+{% endfor %}
+ </section>
+ </div>
+</main>
diff --git a/community/index.md b/community/index.md
index 7055da2..cdaaf19 100644
--- a/community/index.md
+++ b/community/index.md
@@ -31,18 +31,7 @@ which sites are running on top of Wicket and other useful informations.
with popular JavaScript frameworks (like TinyMCE, FoundationJS, etc...) to advanched features such as async tasks execution or RESTFull appliactions.
An overview of the available sub-projects can be found [here](https://github.com/wicketstuff/core/wiki).
----
-
-## Wicket-Bootstrap project
-
-[Wicket-Bootstrap](https://github.com/l0rdn1kk0n/wicket-bootstrap) is a full-fledged project that provides integration between Wicket and the popular CSS and JS framework. The project site
-offers a complete showcase of the available features.
-
----
-
-## Wicket JQuery-UI integration
-
-[Wicket JQuery-UI integration](http://www.7thweb.net/wicket-jquery-ui) provides full integration between Wicket and JQuery UI with many great-looking widgets ready to be used in your application.
+{% include ui-frameworks-integration.html %}
---
diff --git a/content/atom.xml b/content/atom.xml
index 0ce9d24..78ed455 100644
--- a/content/atom.xml
+++ b/content/atom.xml
@@ -3,7 +3,7 @@
<title>Apache Wicket</title>
<link href="http://wicket.apache.org/atom.xml" rel="self"/>
<link href="http://wicket.apache.org/"/>
- <updated>2019-04-27T15:53:09+02:00</updated>
+ <updated>2019-05-25T15:18:47+02:00</updated>
<id>http://wicket.apache.org/</id>
<author>
<name>Apache Wicket</name>
diff --git a/content/community/index.html b/content/community/index.html
index e1f42d7..541ae90 100644
--- a/content/community/index.html
+++ b/content/community/index.html
@@ -70,7 +70,7 @@ with popular JavaScript frameworks (like TinyMCE, FoundationJS, etc…) to advan
An overview of the available sub-projects can be found <a href="https://github.com/wicketstuff/core/wiki">here</a>.</p>
<hr />
<h2 id="wicket-bootstrap-project">Wicket-Bootstrap project</h2>
-<p><a href="https://github.com/l0rdn1kk0n/wicket-bootstrap">Wicket-Bootstrap</a> is a full-fledged project that provides integration between Wicket and the popular CSS and JS framework. The project site
+<p><a href="https://wb7.teliclab.info">Wicket-Bootstrap</a> is a full-fledged project that provides integration between Wicket and the popular CSS and JS framework. The project site
offers a complete showcase of the available features.</p>
<hr />
<h2 id="wicket-jquery-ui-integration">Wicket JQuery-UI integration</h2>
diff --git a/content/learn/examples/index.html b/content/learn/examples/index.html
index 70d929d..ac7e61f 100644
--- a/content/learn/examples/index.html
+++ b/content/learn/examples/index.html
@@ -45,17 +45,18 @@
<header class="l-full preamble">
<h1>A Quick Tour of Wicket</h1>
</header>
- <section class="l-one-third right">
- </section>
- <section class="l-two-third left">
+ <section class="left">
<p>Nothing says more about a development technology than a few simple examples.
After all, how hard should it be to do something easy? The examples below
should speak for themselves in demonstrating how easy it is to get things done
in Wicket when compared to other frameworks. You will discover that Wicket’s
component-oriented structure and its “low touch” approach to HTML is quite
inviting.</p>
-<p>You can see these examples and many more in live
-action (available for version <a href="http://examples7x.wicket.apache.org/index.html">7.x</a> and <a href="http://examples6x.wicket.apache.org/index.html">6.x</a>) without having to install anything.</p>
+<hr />
+<h2 id="for-beginners">For beginners</h2>
+<p>Here you find a collection of examples meant to help you understand the basic concepts of the framework. They are particularly helpful if you are new to Wicket and you are reading our <a href="/learn/#guide">User Guide</a>.
+You can see these examples and many more in live
+action (available for version <a href="http://examples8x.wicket.apache.org/index.html">8.x</a>, <a href="http://examples7x.wicket.apache.org/index.html">7.x</a> and <a href="http://examples6x.wicket.apache.org/index.html">6.x</a>) without having to install anything.</p>
<ul>
<li><a href="helloworld.html">Hello World!</a> - Everybody’s favorite example</li>
<li><a href="navomatic.html">Navomatic</a> - Automatic navigation using Borders and Links</li>
@@ -72,6 +73,13 @@ fragments feature. Fragments are a type of inline panels.</li>
<li><a href="servlet3x.html">Servlet 3.x with Spring Framework</a> - An example to show the configuration of
Wicket and Spring Framework without any XML definitions.</li>
</ul>
+<hr />
+<h2 id="wicket-bootstrap-project">Wicket-Bootstrap project</h2>
+<p><a href="https://wb7.teliclab.info">Wicket-Bootstrap</a> is a full-fledged project that provides integration between Wicket and the popular CSS and JS framework. The project site
+offers a complete showcase of the available features.</p>
+<hr />
+<h2 id="wicket-jquery-ui-integration">Wicket JQuery-UI integration</h2>
+<p><a href="http://www.7thweb.net/wicket-jquery-ui">Wicket JQuery-UI integration</a> provides full integration between Wicket and JQuery UI with many great-looking widgets ready to be used in your application.</p>
</section>
</div>
</main>
diff --git a/content/learn/index.html b/content/learn/index.html
index 9349f8b..d3f513d 100644
--- a/content/learn/index.html
+++ b/content/learn/index.html
@@ -198,7 +198,6 @@ Find <a href="/contribute/ides.html">here</a> how to work with Wicket projects w
<h2 id="examples">Examples</h2>
<ul>
<li><a href="/learn/examples/index.html">Examples</a> - Browse a vast collection of examples in live action without having to install anything!</li>
- <li><a href="http://examples8x.wicket.apache.org">Wicket 8 examples</a> / <a href="http://examples7x.wicket.apache.org">Wicket 7 examples</a> / <a href="http://examples6x.wicket.apache.org">Wicket 6 examples</a> - A special subset of live examples to show you how to use Wicket components.</li>
</ul>
<hr />
<h2 id="presentations">Presentations</h2>
diff --git a/learn/examples/index.md b/learn/examples/index.md
index a32b50f..6947096 100644
--- a/learn/examples/index.md
+++ b/learn/examples/index.md
@@ -1,5 +1,5 @@
---
-layout: default
+layout: default-no-right-menu
title: A Quick Tour of Wicket
---
Nothing says more about a development technology than a few simple examples.
@@ -9,8 +9,13 @@ in Wicket when compared to other frameworks. You will discover that Wicket's
component-oriented structure and its "low touch" approach to HTML is quite
inviting.
+---
+
+## For beginners
+
+Here you find a collection of examples meant to help you understand the basic concepts of the framework. They are particularly helpful if you are new to Wicket and you are reading our [User Guide]({{ site.baseurl }}/learn/#guide).
You can see these examples and many more in live
-action (available for version [7.x](http://examples7x.wicket.apache.org/index.html) and [6.x](http://examples6x.wicket.apache.org/index.html)) without having to install anything.
+action (available for version [8.x](http://examples8x.wicket.apache.org/index.html), [7.x](http://examples7x.wicket.apache.org/index.html) and [6.x](http://examples6x.wicket.apache.org/index.html)) without having to install anything.
* [Hello World!](helloworld.html) - Everybody's favorite example
* [Navomatic](navomatic.html) - Automatic navigation using Borders and Links
@@ -26,3 +31,6 @@ action (available for version [7.x](http://examples7x.wicket.apache.org/index.ht
fragments feature. Fragments are a type of inline panels.
* [Servlet 3.x with Spring Framework](servlet3x.html) - An example to show the configuration of
Wicket and Spring Framework without any XML definitions.
+
+{% include ui-frameworks-integration.html %}
+
diff --git a/learn/index.md b/learn/index.md
index f813191..2c90b76 100644
--- a/learn/index.md
+++ b/learn/index.md
@@ -163,8 +163,6 @@ Find [here]({{ site.baseurl }}/contribute/ides.html) how to work with Wicket pro
## Examples {#examples}
- <a href="{{ site.baseurl }}/learn/examples/index.html">Examples</a> - Browse a vast collection of examples in live action without having to install anything!
-- <a href="http://examples8x.wicket.apache.org">Wicket 8 examples</a> / <a href="http://examples7x.wicket.apache.org">Wicket 7 examples</a> / <a href="http://examples6x.wicket.apache.org">Wicket 6 examples</a> - A special subset of live examples to show you how to use Wicket components.
-
---