You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@empire-db.apache.org by do...@apache.org on 2022/03/03 09:32:22 UTC

svn commit: r1898560 [1/3] - in /empire-db/site/preview-v3: ./ css/ js/ pages/ res/

Author: doebele
Date: Thu Mar  3 09:32:21 2022
New Revision: 1898560

URL: http://svn.apache.org/viewvc?rev=1898560&view=rev
Log:
preview-v3

Added:
    empire-db/site/preview-v3/
    empire-db/site/preview-v3/css/
    empire-db/site/preview-v3/css/code.css   (with props)
    empire-db/site/preview-v3/css/common.css   (with props)
    empire-db/site/preview-v3/css/content.css   (with props)
    empire-db/site/preview-v3/css/home.css   (with props)
    empire-db/site/preview-v3/css/layout.css   (with props)
    empire-db/site/preview-v3/css/navbar.css   (with props)
    empire-db/site/preview-v3/empire-db.ico   (with props)
    empire-db/site/preview-v3/index.html   (with props)
    empire-db/site/preview-v3/js/
    empire-db/site/preview-v3/js/site.js   (with props)
    empire-db/site/preview-v3/pages/
    empire-db/site/preview-v3/pages/community.html   (with props)
    empire-db/site/preview-v3/pages/download.html   (with props)
    empire-db/site/preview-v3/pages/home.html   (with props)
    empire-db/site/preview-v3/pages/project.html   (with props)
    empire-db/site/preview-v3/pages/test.html   (with props)
    empire-db/site/preview-v3/res/
    empire-db/site/preview-v3/res/apache-small.png   (with props)
    empire-db/site/preview-v3/res/apache.png   (with props)
    empire-db/site/preview-v3/res/empire-db-lg.png   (with props)
    empire-db/site/preview-v3/res/empire-db-logo-b.png   (with props)
    empire-db/site/preview-v3/res/empire-db-sg.png   (with props)
    empire-db/site/preview-v3/res/feather.jpg   (with props)
    empire-db/site/preview-v3/res/feather.png   (with props)
    empire-db/site/preview-v3/res/gototop.png   (with props)
    empire-db/site/preview-v3/res/key.gif   (with props)

Added: empire-db/site/preview-v3/css/code.css
URL: http://svn.apache.org/viewvc/empire-db/site/preview-v3/css/code.css?rev=1898560&view=auto
==============================================================================
--- empire-db/site/preview-v3/css/code.css (added)
+++ empire-db/site/preview-v3/css/code.css Thu Mar  3 09:32:21 2022
@@ -0,0 +1,209 @@
+
+/* formPanel */
+.formPanel {
+	margin-top: 10px;
+	border: 2px solid gray;
+	background-color: #F0F0F0;
+	font-family: Verdana, Arial, sans-serif;
+	font-size: 12px;
+	padding: 10px;
+	line-height: normal;
+	margin-bottom: 10px;
+}
+.formPanel input,
+.formPanel select {
+	font-family: Verdana, Arial, sans-serif;
+	font-size: 12px;
+	line-height: normal;
+	padding: 3px;
+}
+.formPanel table.inputForm {
+	width: 100%;
+}
+.formPanel table.inputForm td.eCtlLabel {
+    vertical-align: top;
+    width: 140px;
+    height: 24px;
+    padding-top: 5px;
+    font-weight: bold;	
+}
+.formPanel table.inputForm td.eCtlInput {
+    vertical-align: top;
+    padding-bottom: 7px;
+}
+.formPanel label.eLabel.eInpReq:after {
+	content: "*";
+	color: #D00000;
+}
+.formPanel select, 
+.formPanel input[type=text],
+.formPanel input[type=password] {
+	border: 1px #8f99ef solid;
+}
+.formPanel select.eInpReq, 
+.formPanel input[type=text].eInpReq {
+/*	border: 1px brown solid; */
+	background-color: #FFFFE0;
+}
+.formPanel select.eInpDis, 
+.formPanel textarea.eInpDis,
+.formPanel input[type=text].eInpDis {
+	border: 1px #C0C0C0 solid;
+	color: #808080;
+}
+.formPanel .eInput {
+	width: 100%;
+}
+.formPanel .eInput.eTypeBool {
+	width: auto;
+}
+.formPanel select.eInput.eInpShort,
+.formPanel input.eInput.eInpShort,
+.formPanel input.eInput.eTypeDate {
+	width: 100px;
+}
+.formPanel input.eInput.eInpDecimal {
+	width: 100px;
+	text-align: right;
+}
+.formPanel span.eInpDis {
+	display: inline-block;
+	padding-top: 4px;
+}
+.formPanel .eUnit {
+	padding-left: 4px;
+	font-style: bold;
+}
+.formPanel .eInputHint {
+	padding-left: 4px;
+	font-style: italic;
+}
+
+
+/* codebox */
+.xmlbox,
+.sqlbox,
+.codebox {
+	margin-bottom: 10px;
+	text-align: left;
+}
+.xmlbox .title,
+.sqlbox .title,
+.codebox .title {
+	display: inline-block;
+	background-color: #647CC6;
+	color: white;
+	font-weight: bold;
+	padding: 0 20px;
+}
+.xmlbox .title {
+	display:block;	
+}
+.xmlbox .title > a {
+	font-weight: normal;
+	color: white;
+}
+.codebox pre,
+.sqlbox pre,
+.xmlbox pre {
+	text-align: left;
+	font-size: 13px;
+	padding: 10px 20px;
+	margin: 0;
+/*	font-family: 'Roboto Mono', monospace; */
+	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+	overflow: hidden;
+}
+.codebox pre {
+	background-color: #2A2A2A;
+	color: #E8E8E8;
+}
+.sqlbox pre {
+	background-color: #FFFDDD;
+	color: #0A0A0A;
+}
+.xmlbox pre {
+	/*
+	background-color: #888888;
+	color: #FFFFFF;
+	*/
+	background-color: #FFFFFF;
+	color: #2A2A2A;
+}
+.xmlbox .comment,
+.sqlbox .comment,
+.codebox .comment {
+	font-style:italic;
+	color: #808080;
+}
+/* codebox */
+.codebox .el,
+.codebox .type {
+	/* lila */
+	color: #CC81BA;
+}
+.codebox .attr,
+.codebox .obj {
+	/* hellorange */
+	color: #FFBF26;
+}
+.codebox .var {
+	color: white;
+}
+.codebox .field {
+	/* hellgelb */
+	color: #FFFCCC;
+}
+.codebox .unused {
+	/* hellblau */
+	color: #449DDF;
+	color: #79ABFF;
+	/* blaugrün */
+	color: #1DC67E;
+	color: #80F6A7;
+	/* türkis */
+	color: #49C5F8;
+	color: #3EABE6;
+}
+.codebox .tag,
+.codebox .func {
+	/* hellgrün */ 
+	color: #A7EC21;  
+}
+.codebox .literal {
+	/* orange */
+	color: #ED7F48;	
+	color: #ED7139;
+}
+.codebox .keyword {
+	/* rot */
+	color: #C34333;
+	color: #DC5C4C;
+}
+/* sqlbox */
+.sqlbox .word {
+	color: #294E89;
+	color: navy;
+}
+.sqlbox .alias {
+	color: #CC81BA;
+	color: purple;
+}
+.sqlbox .param {
+	color: maroon;
+}
+.sqlbox .literal {
+	color: green;
+}
+.sqlbox .param.pstmt > .literal {
+	display: none;
+}
+.sqlbox .param.pstmt:after {
+	content: "?";
+}
+/* xmlbox */
+.xmlbox .tag {
+	color: #79ABFF; /* hellblau */
+	color: #A7EC21; /* hellgrün */
+	color: #647CC6;
+}

Propchange: empire-db/site/preview-v3/css/code.css
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: empire-db/site/preview-v3/css/common.css
URL: http://svn.apache.org/viewvc/empire-db/site/preview-v3/css/common.css?rev=1898560&view=auto
==============================================================================
--- empire-db/site/preview-v3/css/common.css (added)
+++ empire-db/site/preview-v3/css/common.css Thu Mar  3 09:32:21 2022
@@ -0,0 +1,476 @@
+* {
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+*:before,
+*:after {
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+html {
+    overflow-y:scroll;
+	height: 100%;
+}
+body {
+	/*
+	font-family: "OpenSans", Verdana, Arial, Helvetica, sans-serif;
+	*/
+    font-family: 'Montserrat', 'Source Sans Pro','Helvetica Neue', Helvetica, Arial, sans-serif;
+    font-weight: 300;
+    	
+	background-color: white; /* #F8F8FA;*/
+/*	scrollbar-base-color: #BAC8E4;  */
+	margin: 0;
+	padding: 0;
+	height: 100%;
+}
+body,
+button,
+input,
+select,
+textarea {
+	font-size: 14.5px; /* or 14.5 see @media */
+	line-height: 1.45;
+}
+strong,
+.bold {
+	font-weight: bold;
+}
+.large-font {
+	font-size: 1.2em;
+}
+.huge-font {
+	font-size: 1.5em;
+}
+#bodywrapper {
+	position: relative;
+	min-height: 100%;
+	padding-top: 120px;
+	padding-bottom: 100px;
+}
+/* .clearfix */
+.floatbox {
+	display: block !important;
+}
+.floatbox:after {
+    content: "-";
+    clear: both;
+    display: block;
+    visibility: hidden;
+    height: 0px;
+}
+.floatbox > .float-left {
+	float:left;	
+}
+.floatbox > .float-right {
+	float:right;	
+}
+.animate {
+	/* set dynamically through JavaScript! */
+	-webkit-transition: all 0.25s linear; 
+	transition: all 0.25s linear;
+}
+a, 
+a:visited {
+	color: #33434C;
+	text-decoration: none;
+}
+a:focus {
+	outline: 0;
+}
+a:hover {
+	text-decoration: underline;
+}
+
+img {
+	border: 0;	
+}
+ul {
+	list-style-type: none;
+	padding: 0;
+	margin: 0;	
+}
+ul > li {
+	vertical-align: top;
+	margin: 0;
+}
+
+h1 {
+	text-align: left;	
+	font-size:  1.5em;
+	font-weight: bold;
+}
+h2 {
+	text-align: left;	
+	font-size:  1.35em;
+	font-weight: bold;
+}
+h3 {
+	text-align: left;	
+	font-size:  1.1em;
+	font-weight: bold;
+}
+h1, h2, h3 {
+    margin-top: .75em;
+	margin-bottom: .75em;
+    line-height: 1.1;
+}
+h4 {
+    margin-top: .5em;
+	margin-bottom: .5em;
+	text-align: left;	
+	font-size:  1.0em;
+	font-weight: bold;
+}
+p {
+	margin: 0;
+	margin-bottom: 10px;
+}
+table {
+    border-spacing: 0;
+    border-collapse: collapse;
+}
+.hidden {
+	display: none;	
+}
+.align-left {
+	text-align: left;	
+}
+.align-center {
+	text-align: center;	
+}
+.align-right {
+	text-align: right;	
+}
+.align-top {
+	vertical-align: top;	
+}
+.align-bottom {
+	vertical-align: bottom;	
+}
+
+/* custom style */
+.content,
+.container {
+/*	border: 1px red solid;	 */
+	min-width: 320px;
+	max-width: 1170px;
+	padding: 0 20px;	
+	margin-left: auto;
+	margin-right: auto;
+}
+.band {
+	/*
+	margin-bottom: 10px;
+	position: relative;
+	display: inline-block;
+	*/
+}
+.band .content {
+	padding: 20px;	
+}
+.first-letter {
+/*	font-weight: bold; */
+	font-size: 1.1em;
+}
+
+/* footer */
+footer {
+	position: absolute;
+	bottom: 0;
+	width: 100%;
+	background-color: red;
+}
+#footer-bar {
+/*	background-color: #647CC6; */
+	background-color: #58585A;
+	color: white;
+	font-size: 0.9em;
+	height: 100px;
+	border-top: 1px white solid;
+}
+#footer-bar > .container {
+	padding: 10px 20px;
+	text-align: left;
+}
+#footer-nav {
+	background-color: #58585A;
+	margin: 0;
+	padding: 20px 0;
+	color: #F8F8FA;
+	font-size: 0.9em;
+	height: 80px;
+}
+#footer-nav a, 
+#footer-nav a:visited {
+	color: #F8F8FA;
+}
+#footer-nav .footer-layout {
+	width: 100%;
+}
+#footer-nav .footer-menu {
+	width: 100%;
+	color: white;
+	text-align: right;
+}
+#footer-nav .footer-menu > li {
+	display: inline-block;
+	padding: 4px 0;
+	margin-left: 20px;
+}
+div.footer-info {
+	/*
+	margin-top: 20px;
+	display: inline-block;
+	float: left;
+	min-width: 150px;
+	width: 20%;
+	color: white;
+	text-align: right;
+	min-height: 200px;
+	*/
+	font-size: 11px;
+	padding-top: 10px;
+	overflow: hidden;
+	height: 70px;
+}
+div.footer-info a {
+	font-weight: bold;
+	color: #BAC8E4;
+}
+div.footer-info > span {
+	display: block;
+}
+#goto-top {
+	display: none;
+	position: fixed;
+	bottom: 0;
+	right: 20px;
+	width:  33px;
+	height: 33px;
+	text-align: center;
+	color: #58585A;
+	padding: 0;
+	/*
+	background-color: #8CA6D2;
+	border: 1px #E7ECF5 solid;
+	border-bottom: 0;
+	*/
+}
+#goto-top > span {
+	display: inline-block;
+	background-image: url('../res/gototop.png');
+	background-repeat:no-repeat;
+	width: 30px;
+	height: 30px;
+}
+
+/* navbar */
+#navbar-main {
+	top: 0px;	
+	padding: 10px 0;
+	border-bottom: 1px #E8E8EA solid;
+}
+#navbar-sub {
+	top: 70px;	
+	z-index: 10;
+}
+#navbar-sub .navbar-nav {
+	font-size: 0.95em;
+}
+#navbar-sub .navbar-toggle {
+	margin-top: 8px;	
+}
+/* apache-link */
+.navbar-link.logo-apache {
+	width: 182px;
+	height: 48px;
+}
+.navbar-link.logo-apache > img {
+	display: inline-block;
+	width: 100%;
+}
+.navbar.navbar-dark {
+	height: 120px;	
+}
+.navbar.navbar-dark.navbar-main-style {
+	height: 70px;	
+}
+.navbar-main-style .navbar-link.logo-apache {
+	margin-top: 0;
+}
+.navbar-link.logo-apache {
+	margin-top: 20px;
+}
+
+/* größe auf content-seite */
+.navbar-main-style .navbar-link.logo-empire {
+	width: 59px;
+	margin-top: 0px;
+}
+.navbar-main-style .navbar-toggle {
+	margin-top: 8px;	
+}
+.navbar-main-style .navbar-nav {
+	font-size: 0.9em;
+}
+/* wegen animation auf startseite */
+.navbar-link.logo-empire {
+	width:  118px;
+	margin-top: 0px;
+	margin-right: 15px;
+}
+.navbar-link.logo-empire > img {
+	display: inline-block;
+	width: 100%;
+}
+.navbar-toggle {
+	margin-top: 32px;	
+}
+.navbar-nav {
+	font-size: 1.1em;
+}
+/* nav-indicator */
+.nav > li > a {
+	padding-left: 1px;
+	padding-right: 19px;
+}
+.nav-indicator {
+	position: absolute;
+	bottom: 8px;
+	width: 100%;
+	height: 2px;
+	text-align: left;
+	line-height: 0px;
+	font-size: 0;
+	padding: 0;
+	padding-right: 24px;
+	max-width: 400px;
+}
+.nav-indicator span {
+	display: inline-block;
+	background-color: #A8A8A8;
+	height: 2px;
+	width: 0%;
+}
+
+.navbar-light .navbar-nav > li.active > a,
+.navbar-light .navbar-nav > li.active > a:focus,
+.navbar-light .navbar-nav > li.active > a:hover {
+	color: #526D9C;	
+	background-color: transparent;
+}
+.navbar-light .navbar-nav > li:hover  > a {
+	color: #181818;	
+}
+.navbar-dark .navbar-nav > li.active > a,
+.navbar-dark .navbar-nav > li.active > a:focus,
+.navbar-dark .navbar-nav > li.active > a:hover {
+	background-color: transparent;
+}
+.navbar-nav > li:hover  > .nav-indicator span {
+	width: 100%;
+}
+.navbar-nav > li.active > .nav-indicator span {
+	width: 100%;
+	background-color: #8CA6D2;	
+}
+
+/* nav-highlight */
+.nav-highlight {
+	position: absolute;
+	left: -8px;
+	top: 12px;
+	width: 95%;
+	height: 27px;
+	text-align: left;
+	line-height: 0px;
+	font-size: 0;
+	padding: 0;
+	background-color: #A80335;
+	text-size-adjust: 100%;
+}
+.navbar-nav > li.highlight > a.pageLink {
+	color: white;
+	font-weight:bold;
+}
+.navbar-nav > li.highlight.active > a.pageLink {
+	color: #FFFFFF;
+}
+.navbar-nav > li.highlight:not(.active):hover > a.pageLink {
+	color: #FFFFCC !important;
+}
+.navbar-nav > li.highlight.active > .nav-indicator span {
+	background-color: #A80335;	
+}
+.navbar-nav-right {
+	display: none;	
+}
+
+/* media */
+@media (max-width: 499px) and (orientation: portrait) {
+	/*
+	#bodywrapper {
+		padding-bottom: 325px;
+	}
+	img.anfahrt {
+		width: 320px;
+	}
+	*/
+}
+@media (max-width: 767px) {
+	/* initially closed */
+	.navbar-collapse.collapse {
+		display: none;	
+	}
+	.navbar-dark .navbar-collapse.collapse {
+	  background-color: #7C7C7C;
+	}
+	.navbar-light .navbar-collapse.collapse {
+	  background-color: #D2D6DF; /* #DDDFE6 */
+	}
+	.navbar-collapse.collapse {
+	  position: absolute;
+	  border: 0;
+	  width: 100%;
+/*	  max-width: 320px; */
+	}
+}
+@media (min-width: 768px) {
+	body,
+	button,
+	input,
+	select,
+	textarea {
+		font-size: 14.5px;
+	}	
+	/* one menu line */
+	.navbar-nav-wrapper {
+		float: left;
+		margin-top: 25px;	
+	}
+	.navbar-main-style .navbar-nav-wrapper {
+		margin-top: 0;	
+	}
+	.navbar-main-style .navbar-nav {
+		float: left;	
+	}
+	.navbar-nav {
+		float: left; /* für anmation */
+	}
+}
+@media (min-width: 920px) {
+	/*
+	.navbar-nav-wrapper {
+		background-color: green;
+	}
+	.navbar-main-style .navbar-nav-wrapper {
+		background-color: red;
+	}
+	*/
+	.navbar-nav-right {
+		display: inherit;	
+	}
+}

Propchange: empire-db/site/preview-v3/css/common.css
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: empire-db/site/preview-v3/css/content.css
URL: http://svn.apache.org/viewvc/empire-db/site/preview-v3/css/content.css?rev=1898560&view=auto
==============================================================================
--- empire-db/site/preview-v3/css/content.css (added)
+++ empire-db/site/preview-v3/css/content.css Thu Mar  3 09:32:21 2022
@@ -0,0 +1,578 @@
+
+/* colors 
+blue-light:		#E7ECF5;
+blue-med:		#8CA6D2;
+blue-dark:		#526D9C;
+
+yellow-med:		#FF9F2E;
+yellow-dark:	#E67C00;
+
+red-med:		#C60D35;
+red-dark:		#A80335;
+red-dark:		#790F2D;
+
+green-med:		#35AF85;
+green-dark:		#24906A;
+
+purple-med:		#D28CCA;
+purple-dark:	#7A3A7A;
+
+*/
+
+/* general */
+a.extern,
+a.homeLink,
+a.sectionLink,
+a.mailLink {
+	/* used for JavaScript only*/
+}
+.emph {
+	font-weight: bold;
+}
+.space-above {
+	margin-top: 20px;
+}
+.space-below {
+	margin-bottom: 20px;
+}
+
+ul.inline {
+	margin: 0;
+}
+ul.inline li {
+	display: inline-block;
+	margin-right: 20px;
+}
+ul.bullets {
+	list-style-type: square;	
+	padding-left: 20px;
+	text-align: left;
+	margin: 0;
+	margin-bottom: 10px;
+}
+ul.bullets > li {
+	margin: 5px 0;
+	text-align: left;
+}
+ul.white {
+	background-color: white;
+	margin-top: 0;
+	padding-top: 10px;
+	padding-bottom: 10px;
+}
+
+ul.alpha {
+	list-style-type: lower-latin;	
+	padding-left: 20px;
+	text-align: left;
+	margin: 10px 0;
+}
+ul.alpha > li {
+	margin: 0;
+	margin-bottom: 10px;
+	text-align: justify;
+}
+ul.alpha > li > p {
+	margin-bottom: 0;
+}
+
+/* bigpoints */
+div.bigpoints-title {
+	display: inline-block;
+	max-width: 660px;
+	text-align: left;
+}
+ul.bigpoints {
+	display: inline-block;
+	max-width: 660px;
+	text-align: left;
+}
+ul.bigpoints > li {
+	margin: 15px 0;
+}
+.floatbox > ul {
+	width: 49%;
+}
+
+/* button */
+a.button,
+.band a.button {
+	padding: 5px 15px;
+	color: white;
+	font-weight: bold;
+}
+.buttons {
+	display: block;
+	padding: 8px 0;
+}
+.buttons > .button {
+	margin-right: 8px;	
+}
+
+/* band */
+.band {
+	min-height: 300px;
+}
+.band.odd {
+/*	background-color: #F3F5FA; */
+	background-color: #F8F8FA;
+}
+.band.even {
+	background-color: #E7ECF5;
+}
+.band.odd > .content,
+.band.even > .content {
+/*	border: 1px green solid; */
+}
+.band.title {
+	background-repeat:no-repeat;
+	background-position: center 0;
+	background-size: 2560px auto;
+	background-color: #E7ECF5;
+}
+
+.band.title h1 {
+	display: inline-block;
+	background-color: #8CA6D2;
+	color: #F8F8FA;
+	padding: 10px 15px;
+	font-size: 200%;
+	font-weight: bold;
+	/*
+	text-shadow: 2px 2px 0px #58585A;
+	background-repeat:no-repeat;
+	background-position: 10px 5px;
+	background-size: auto 40px;
+	padding-left: 70px;
+	*/
+}
+.band.title .slogan {
+	display: inline-block;
+	/*
+	background-color: #484848;
+	color: white;
+	background-color: #E7ECF5;
+	*/
+	color: #48484A;
+	padding: 5px 15px;
+	font-size: 1.9em;
+	font-weight: bold;
+}
+.band.title .version {
+	display: inline-block;
+	padding: 10px;
+	margin-top: 50px;
+	/*
+	border: 2px #D8D8D8 solid;
+	background-color: #E8E8E8;
+	*/
+	background-color: #A80335;
+	color: white;
+	font-weight: bold;
+}
+.band.summary {
+	background-color: #58585A;
+	color: white;	
+	font-size: 110%;
+}
+
+.band a {
+	font-weight: bold;
+	text-decoration: none;
+	color: #526D9C;
+}
+.band a:hover {
+	text-decoration:  underline;
+}
+
+/* table */
+table.inline {
+	display: inline-table;
+	width: auto;
+}
+table.inline td {
+	vertical-align: middle;	
+}
+table.inline td.logo {
+	padding-right: 30px;	
+}
+table.layout {
+	width: 100%;
+	table-layout: fixed;
+}
+table.layout.cell-height-med th,
+table.layout.cell-height-med td {
+	padding: 8px 0;
+	vertical-align: middle;
+}
+table.layout > tbody > tr > th {
+	text-align: left;
+}
+
+/* tiles */
+.tile-container {
+	display: inline-block;
+	position: relative;
+	padding: 0;
+	margin: 20px -12px;
+}
+.tile {
+	display: inline-block;
+/*	position: relative; */
+	float: left;
+	margin: 0;
+	width: 24%;
+	padding: 12px;
+}
+.tile .text {
+	min-height: 240px;
+	text-align: justify;
+	margin-bottom: 10px;
+}
+.tile-spacer {
+	display: inline-block;
+	float: left;
+	width: 1.3%;
+	height: 20px;
+}
+@media (max-width: 1039px) {
+	.tile {
+		width: 49%;
+	}
+	.tile .text {
+		min-height: 170px;
+	}
+	.tile-spacer.middle {
+		width: 100%;	
+	}
+}
+@media (max-width: 599px) {
+	.tile {
+		width: 98%;
+	}
+	.tile .text {
+		min-height: auto;
+	}
+	.tile-spacer {
+		width: 100%;	
+	}
+}
+.tile .title {
+	display: block;
+	font-size: 120%;
+	font-weight: bold;
+	margin-bottom: 10px;
+	
+	padding-top: 40px;
+	background-repeat:no-repeat;
+	background-position: left top;
+	background-size: auto 40px;
+}
+
+/* content */
+.content .content-box {
+	display: block;
+	/*
+	display: inline-block;
+	width: 100%;
+	*/
+}
+.content.optional {
+/*	display: none; */
+	padding-top: 0;
+	padding-bottom: 40px;
+
+	-webkit-transition: all 1.25s linear; 
+	transition: all 1.25s linear;
+	
+}
+.content .optional {
+	display: none;
+}
+.content .hint {
+	font-size: 0.9em;	
+	margin-bottom: 10px;
+}
+.content .info-box {
+	display: inline-block;
+	background-color: white;
+	padding: 5px;
+	padding-right: 15px;
+}
+
+.content .caro {
+	color: #971337;	
+	white-space: nowrap;
+}
+.quote {
+	width: 100%;
+	background-color: #E7ECF5;
+/*	background-color: #F3F5FA; */
+	text-align: center;
+	padding: 15px 15%;
+	color: #526D9C;
+}
+.quote .quelle {
+	display: block;	
+	font-style: italic;	
+	font-size: 80%;
+	margin-top: 10px;
+	color: #18181A;
+}
+.footnote {
+	font-size: 0.8em;
+}
+.verdict .label {
+	display: inline-block;
+	padding: 2px 5px;
+	margin-right: 5px;
+/*	background-color: #A80335; */
+	background-color: #647CC6;
+	color: white;
+	font-weight: bold;
+}
+.verdict .text {
+	display: inline-block;
+	padding: 2px 5px;
+	background-color: #FFFFCC;
+	font-weight: bold;
+}
+
+/* layout1col */
+.layout1col {
+	text-align: justify;
+}
+
+/* layout2col */
+.layout2col {
+	display: block;
+	margin: 0;
+	padding: 0;
+}
+.layout2col:after {
+    content: "-";
+    clear: both;
+    display: block;
+    visibility: hidden;
+    height: 0px;
+}
+.layout2col .col-left,
+.layout2col .col-right {
+	display: inline-block;
+	width: 50%;
+	float: left;
+	margin: 0;
+	padding: 0;
+	min-width: 400px;
+	text-align: justify;
+}
+.layout2col .col-inlay {
+	/* this is required for some unknown reason */
+	border-top:    1px transparent solid;
+	border-bottom: 1px transparent solid;
+}
+.layout2col .col-left {
+	padding-right: 20px;
+}
+.layout2col .col-right {
+	padding-left: 20px;
+}
+.layout2col .col-one,
+.layout2col .col-four {
+	background-color: #E0E0E0;
+}
+.layout2col .col-two,
+.layout2col .col-three {
+	background-color: #F0F0F0;
+}
+@media (max-width: 879px) {
+	.layout2col .col-left,
+	.layout2col .col-right {
+		display: block;
+		width: 100%;
+		padding: 0;
+		float: none;
+		min-width: inherit;
+	}
+	.layout2col .col-one > .col-inlay,
+	.layout2col .col-three > .col-inlay {
+		background-color: #E0E0E0;
+	}
+	.layout2col .col-two > .col-inlay,
+	.layout2col .col-four > .col-inlay {
+		background-color: #F0F0F0;
+	}
+}
+
+
+label {
+  display: inline-block;
+  max-width: 100%;
+  margin-bottom: 5px;
+  font-weight: bold;
+}
+
+/* checkbox */
+.checkbox {
+	vertical-align:top;
+	line-height: 22px;
+}
+.checkbox > .box {
+	float: right;
+	display: block;
+	width: 22px;	
+	height: 22px;	
+	border: 2px #647CC6 solid;
+	background-color: white;
+	margin-left: 5px;
+	padding: 1px;
+}
+.checkbox > .box:hover {
+	background-color: aqua;	
+}
+.checkbox > .box > .tick {
+	display: none;
+	float: left;
+	background-color: #647CC6;
+	width: 16px;	
+	height: 16px;	
+}
+.checkbox.checked > .box > .tick {
+	display: inline-block;
+}
+
+/* tab-view */
+.tab-view .tab-head .tab-label {
+	margin-right: 1px;
+}
+.tab-view .tab-head .tab-label:not(.active) {
+/*	background-color: #D5DDEE; */
+	background-color: white;
+	color: #647CC6;
+}
+.tab-view .tab-head .tab-label:not(.active):hover {
+	background-color: #B7C5E1;
+	color: white;
+}
+
+/* info */
+table.info {
+	table-layout: fixed;
+	border-collapse: separate;
+	border-spacing: 0 1px;	
+	background-color: #647CC6;
+	margin: 10px 0;
+}
+table.info tr th {
+	color: white;
+	font-weight: bold;
+	text-align: left;
+	padding: 0 5px;
+}
+table.info tr td {
+	background-color: white;
+	text-align: left;
+	padding: 5px;
+}
+table.info tr td.center,
+table.info tr th.center {
+	text-align: center;
+}
+
+
+/* features */
+table.features {
+	width: 100%;
+	border-spacing: 0 1px;
+	background-color: white;
+	border-collapse:separate;
+	table-layout:fixed;
+}
+table.features col.feature {
+	width: 25%;	
+}
+table.features col.description {
+	width: 75%;	
+}
+table.features tr:nth-child(even) {
+	background: #E0E0E0;
+}
+table.features tr:nth-child(odd) {
+	background: #F0F0F0;
+}
+table.features td.feature {
+	font-weight: bold;
+}
+table.features td.description {
+	padding: 5px 0;
+}
+table.features td.description .feature {
+	display: none;
+	font-weight: bold;
+}
+table.features td ul.bullets {
+	margin: 0;
+	margin-bottom: 10px;
+}
+table.features td ul.bullets > li {
+	margin: 2px 0;		
+}
+@media (max-width: 879px) {
+	table.features col.feature {
+		width: 0;
+	}
+	table.features col.description {
+		width: 100%;	
+	}
+	table.features td.feature {
+		/* dont use display: none! */
+		visibility:hidden;
+	}
+	table.features td.description .feature {
+		display: block;
+	}
+}
+
+
+/* downloads */
+table.downloads {
+	table-layout: fixed;
+	border-collapse: separate;
+	border-spacing: 0 1px;	
+	background-color: #647CC6;
+	width: 100%;
+	margin: 10px 0;
+}
+table.downloads col {
+	width: 70px;
+}
+table.downloads col.file {
+	width: 99%;
+}
+table.downloads col.size {
+	width: 60px;
+}
+table.downloads col.date {
+	width: 110px;
+}
+table.downloads tr th {
+	color: white;
+	font-weight: bold;
+	text-align: center;
+	padding: 0 5px;
+}
+table.downloads tr td {
+	background-color: white;
+	text-align: center;
+	padding: 5px;
+}
+table.downloads tr th.file,
+table.downloads tr td.file {
+	text-align: left;
+	padding-left: 10px;
+}
+table.downloads tr td > a {
+	display: block;
+}
+
+

Propchange: empire-db/site/preview-v3/css/content.css
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: empire-db/site/preview-v3/css/home.css
URL: http://svn.apache.org/viewvc/empire-db/site/preview-v3/css/home.css?rev=1898560&view=auto
==============================================================================
--- empire-db/site/preview-v3/css/home.css (added)
+++ empire-db/site/preview-v3/css/home.css Thu Mar  3 09:32:21 2022
@@ -0,0 +1,94 @@
+
+/* größe auf startseite */
+.navbar.navbar-dark {
+	height: 70px;	
+}
+.navbar.navbar-dark.navbar-main-style {
+	height: 120px;	
+}
+.navbar-main-style .navbar-link.logo-apache {
+	margin-top: 20px;
+}
+.navbar-main-style .navbar-link.logo-empire {
+	width:  118px;
+	margin-top: 0px;
+}
+.navbar-main-style .navbar-toggle {
+	margin-top: 32px;	
+}
+.navbar-main-style .navbar-nav {
+	font-size: 1.1em;
+}
+
+/* wegen animation */
+.navbar-link.logo-apache {
+	margin-top: 0px;
+}
+.navbar-link.logo-empire {
+	width: 59px;
+	margin-top: 0px;
+}
+.navbar-toggle {
+	margin-top: 8px;	
+}
+.navbar-nav {
+	font-size: 0.9em;
+}
+
+/* other */
+#navbar-sub {
+	display: block; /* don't hide! */
+}
+#footer-bar > .container {
+	text-align: center	
+}
+.footer-info {
+	display: inline-block;
+	max-width: 800px;
+	text-align: left;
+}
+
+/* content */
+.band > .content {
+	text-align: center;	
+	max-width: 800px;
+}
+
+@media (min-width: 768px) {
+	/* one menu line */
+	.navbar-nav-wrapper {
+		float: left;
+		margin-top: 0;	
+	}
+	.navbar-main-style .navbar-nav-wrapper {
+		margin-top: 25px;	
+	}
+	.navbar-nav,
+	.navbar-main-style .navbar-nav {
+		float: left;	
+	}
+	.navbar-main-style .navbar-nav {
+	}
+	/* reset */
+	.navbar-main-style .navbar-nav li a {
+		padding-top: 	15px;	
+		padding-bottom: 15px;
+	}
+	.navbar-main-style .nav-indicator {
+		bottom: 8px;
+	}
+	.navbar-main-style .nav-highlight {
+		top: 12px;
+		height: 27px;
+	}
+}
+@media (min-width: 920px) {
+	/*
+	.navbar-nav-wrapper {
+		background-color: red;
+	}
+	.navbar-main-style .navbar-nav-wrapper {
+		background-color: green;
+	}
+	*/
+}

Propchange: empire-db/site/preview-v3/css/home.css
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: empire-db/site/preview-v3/css/layout.css
URL: http://svn.apache.org/viewvc/empire-db/site/preview-v3/css/layout.css?rev=1898560&view=auto
==============================================================================
--- empire-db/site/preview-v3/css/layout.css (added)
+++ empire-db/site/preview-v3/css/layout.css Thu Mar  3 09:32:21 2022
@@ -0,0 +1,7 @@
+
+@import url("navbar.css");
+@import url("common.css");
+@import url("content.css");
+@import url("code.css");
+
+/* DO NOT ADD STYLES HERE! */
\ No newline at end of file

Propchange: empire-db/site/preview-v3/css/layout.css
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: empire-db/site/preview-v3/css/navbar.css
URL: http://svn.apache.org/viewvc/empire-db/site/preview-v3/css/navbar.css?rev=1898560&view=auto
==============================================================================
--- empire-db/site/preview-v3/css/navbar.css (added)
+++ empire-db/site/preview-v3/css/navbar.css Thu Mar  3 09:32:21 2022
@@ -0,0 +1,310 @@
+.nav {
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+.nav > li {
+  position: relative;
+  display: block;
+  padding-right: 5px;
+}
+.nav > li > a {
+  position: relative;
+  display: block;
+  padding: 10px;
+}
+.nav > li > a:hover,
+.nav > li > a:focus {
+  text-decoration: none;
+  background-color: #eee;
+}
+.nav > li.disabled > a {
+  color: #777;
+}
+.nav > li.disabled > a:hover,
+.nav > li.disabled > a:focus {
+  color: #777;
+  text-decoration: none;
+  cursor: not-allowed;
+  background-color: transparent;
+}
+.nav .nav-divider {
+  height: 1px;
+  margin: 9px 0;
+  overflow: hidden;
+  background-color: #e5e5e5;
+}
+.nav > li > a > img {
+  max-width: none;
+}
+/* navbar */
+.navbar {
+  position: relative;
+  min-height: 50px;
+  margin-bottom: 0;
+  /*
+  border: 1px solid transparent;
+  */
+  font-weight: bold;
+  border: 0;
+}
+.navbar-header {
+  display: block;
+  padding-right: 15px;
+}
+.navbar-header:after {
+  content: " ";
+  clear: both;
+  display: block;
+  visibility: hidden;
+  height: 0px;
+}
+.navbar-collapse {
+  padding-right: 15px;
+  padding-left: 15px;
+  overflow-x: visible;
+  -webkit-overflow-scrolling: touch;
+  /*
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
+  */        
+}
+.navbar-static-top {
+  z-index: 1000;
+  border-width: 0 0 1px;
+}
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+}
+.navbar-fixed-top {
+  top: 0;
+  border-width: 0 0 1px;
+}
+.navbar-fixed-bottom {
+  bottom: 0;
+  margin-bottom: 0;
+  border-width: 1px 0 0;
+}
+.navbar-fixed-top .navbar-collapse,
+.navbar-fixed-bottom .navbar-collapse {
+  max-height: 400px;
+  overflow-y: auto;
+}
+
+/* navbar-link */
+.navbar-link {
+  display: inline-block;
+  float: none;
+  height: 50px;
+  padding: 0;
+  font-size: 18px;
+  line-height: 20px;
+  vertical-align: middle;
+}
+.navbar-link:hover,
+.navbar-link:focus {
+  text-decoration: none;
+}
+.navbar-link > img {
+  display: block;
+}
+
+/* navbar-toggle */
+.navbar-toggle {
+  position: relative;
+  float: right;
+  padding: 8px 6px;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  background-color: transparent;
+  background-image: none;
+  border: 0;
+/* border: 1px solid transparent; */
+/* border-radius: 4px; */
+}
+.navbar-toggle:focus {
+  outline: 0;
+}
+.navbar-toggle .icon-bar {
+  display: block;
+  width: 22px;
+  height: 2px;
+  border-radius: 1px;
+}
+.navbar-toggle .icon-bar + .icon-bar {
+  margin-top: 4px;
+}
+/* navbar-nav-wrapper */
+.navbar-nav-wrapper {
+  margin-top: 0;
+  text-align: left;
+}
+/* navbar-nav */
+.navbar-nav {
+  margin: 0;
+}
+.navbar-nav > li > a {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  line-height: 20px;
+}
+.navbar-text {
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+/* navbar-nav-right */
+.navbar-nav-right {
+	float: right;
+}
+/* navbar-light */
+.navbar-light {
+  background-color: #DDDFE6;
+  border-color: red;
+}
+.navbar-light .navbar-link {
+  color: #777;
+}
+.navbar-light .navbar-link:hover,
+.navbar-light .navbar-link:focus {
+  color: #5e5e5e;
+  background-color: transparent;
+}
+.navbar-light .navbar-text {
+  color: #777;
+}
+.navbar-light .navbar-nav > li > a {
+  color: #777;
+}
+.navbar-light .navbar-nav > li > a:hover,
+.navbar-light .navbar-nav > li > a:focus {
+  color: #333;
+  background-color: transparent;
+}
+.navbar-light .navbar-nav > .active > a,
+.navbar-light .navbar-nav > .active > a:hover,
+.navbar-light .navbar-nav > .active > a:focus {
+  color: #555;
+  background-color: #e7e7e7;
+}
+.navbar-light .navbar-nav > .disabled > a,
+.navbar-light .navbar-nav > .disabled > a:hover,
+.navbar-light .navbar-nav > .disabled > a:focus {
+  color: #ccc;
+  background-color: transparent;
+}
+.navbar-light .navbar-toggle {
+  border-color: #ddd;
+}
+.navbar-light .navbar-toggle:hover,
+.navbar-light .navbar-toggle:focus {
+  background-color: #eee;
+}
+.navbar-light .navbar-toggle .icon-bar {
+  background-color: #888;
+}
+.navbar-light .navbar-collapse {
+  border-color: #e7e7e7;
+}
+.navbar-light .navbar-link {
+  color: #777;
+}
+.navbar-light .navbar-link:hover {
+  color: #333;
+}
+
+/* navbar-dark */
+.navbar-dark {
+  background-color: #647CC6;
+}
+.navbar-dark .navbar-link {
+  color: #9d9d9d;
+}
+.navbar-dark .navbar-link:hover,
+.navbar-dark .navbar-link:focus {
+  color: #fff;
+  background-color: transparent;
+}
+.navbar-dark .navbar-text,
+.navbar-dark .navbar-nav > li > a {
+  color: #E0E0E0;  
+}
+.navbar-dark .navbar-nav > li > a:hover,
+.navbar-dark .navbar-nav > li > a:focus {
+  color: #fff;
+  background-color: transparent;
+}
+.navbar-dark .navbar-nav > .active > a,
+.navbar-dark .navbar-nav > .active > a:hover,
+.navbar-dark .navbar-nav > .active > a:focus {
+  color: #fff;
+  background-color: #080808;
+}
+.navbar-dark .navbar-nav > .disabled > a,
+.navbar-dark .navbar-nav > .disabled > a:hover,
+.navbar-dark .navbar-nav > .disabled > a:focus {
+  color: #444;
+  background-color: transparent;
+}
+.navbar-dark .navbar-toggle {
+  border-color: #333;
+}
+.navbar-dark .navbar-toggle:hover,
+.navbar-dark .navbar-toggle:focus {
+  background-color: #333;
+}
+.navbar-dark .navbar-toggle .icon-bar {
+  background-color: #fff;
+}
+.navbar-dark .navbar-collapse {
+  border-color: #101010;
+}
+
+/* media */
+@media (min-width: 768px) {
+  .navbar-toggle {
+    display: none;
+  }
+  .navbar-header {
+    float: left;
+  }
+  .navbar-collapse {
+    width: auto;
+    border-top: 0;
+    -webkit-box-shadow: none;
+            box-shadow: none;
+  }
+  .navbar-collapse.collapse {
+    display: block !important;
+    height: auto !important;
+    padding-bottom: 0;
+    overflow: visible !important;
+  }
+  .navbar-fixed-top .navbar-collapse,
+  .navbar-static-top .navbar-collapse,
+  .navbar-fixed-bottom .navbar-collapse {
+    padding-right: 0;
+    padding-left: 0;
+  }
+  .navbar-nav {
+    float: left;
+    margin: 0;
+  }
+  .navbar-nav > li {
+    float: left;
+  }
+  .navbar-nav > li > a {
+    padding-top: 15px;
+    padding-bottom: 15px;
+  }
+}
+@media (max-device-width: 480px) and (orientation: landscape) {
+  .navbar-fixed-top .navbar-collapse,
+  .navbar-fixed-bottom .navbar-collapse {
+    max-height: 240px;
+  	overflow-y: auto;
+  }
+}

Propchange: empire-db/site/preview-v3/css/navbar.css
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: empire-db/site/preview-v3/empire-db.ico
URL: http://svn.apache.org/viewvc/empire-db/site/preview-v3/empire-db.ico?rev=1898560&view=auto
==============================================================================
Binary file - no diff available.

Propchange: empire-db/site/preview-v3/empire-db.ico
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: empire-db/site/preview-v3/index.html
URL: http://svn.apache.org/viewvc/empire-db/site/preview-v3/index.html?rev=1898560&view=auto
==============================================================================
--- empire-db/site/preview-v3/index.html (added)
+++ empire-db/site/preview-v3/index.html Thu Mar  3 09:32:21 2022
@@ -0,0 +1,9 @@
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta http-equiv="refresh" content="0;url=pages/home.html" />
+</head>
+<body>
+	Redirecting to <a href="pages/home.html">About Empire-db...</a>
+</body>
+</html>

Propchange: empire-db/site/preview-v3/index.html
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: empire-db/site/preview-v3/js/site.js
URL: http://svn.apache.org/viewvc/empire-db/site/preview-v3/js/site.js?rev=1898560&view=auto
==============================================================================
--- empire-db/site/preview-v3/js/site.js (added)
+++ empire-db/site/preview-v3/js/site.js Thu Mar  3 09:32:21 2022
@@ -0,0 +1,485 @@
+//fix for IE console.log
+var log = Function.prototype.bind.call(console.log, console);
+
+// basic
+function e$(id) {
+	return document.getElementById(id);
+}
+jQuery.fn.tagName = function() {
+	return this.prop("tagName");
+};
+$.urlParam = function(name){
+    var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
+    if (results==null){
+       return null;
+    }
+    else{
+       return results[1] || 0;
+    }
+}
+
+/* prototype: startsWith */
+String.prototype.startsWith = function(str) {
+	if (this.length>=str.length) {
+		return (str==this.substring(0,str.length));
+	}
+	return false;
+}
+/* prototype: endsWith */
+String.prototype.endsWith = function(str) {
+	if (this.length>=str.length) {
+		var src = this;
+		var pos = src.length-str.length;
+		return (str==src.substring(pos,pos+str.length));
+	}
+	return false;
+}
+
+/* Dialog and Input functions */
+function getKeyCode(event) {
+	if (window.event) { // IE 
+	    return event.keyCode;
+	}
+	// Netscape/Firefox/Opera
+	return event.which;
+}
+
+function cancelEvent(event) {
+	if(event.preventDefault) {
+		// Chrome, FF
+		event.preventDefault();
+	} else {
+		// IE
+		event.returnValue = false;
+	}
+	return false;
+}
+
+function isVisible(elem) {
+	return (elem.is(":visible"));
+}
+
+/**
+ * Page 
+ */
+const Page = {
+	prevSection: null,
+	scrollParent: "html, body",
+	// init
+	init: function(menuId) {
+		// init all
+		this.initMenu(menuId);
+		this.initNavbarToogle();
+		this.initNavbarAnimate();
+		this.initGotoTop();
+		this.initPageLinks(menuId);
+		this.initSectionLinks();
+		this.initMailLinks();
+		this.initShowMeLinks();
+		// controls
+		TabView.init();
+		Checkbox.init();
+		// scroll to section
+		var section = $.urlParam('sec');
+		if (section) {
+			this.scrollToSection("#sec"+section);
+		}
+	},
+	// initNavbarToogle
+	initMenu: function(menuId) {
+		log("initMenu: "+menuId);
+		var mi = e$(menuId);
+		if (mi) {
+			$(mi).addClass("active");
+		}
+	},
+	// initNavbarToogle
+	initNavbarToogle: function() {
+		// Navbar toggle
+		var nbt = $('.navbar-toggle');
+		nbt.each(function() {
+			var btn = $(this);
+			var menu = $(btn.attr('data-target'));
+			if (menu.find(".navbar-nav > li").length==0)
+				btn.hide();
+		});
+		nbt.click(function() {
+			var btn = $(this);
+			var menu = $(btn.attr('data-target'));
+			// alert(menu.length);
+			var open = menu.hasClass('open');
+			if (open) {
+				menu.slideUp(300, function() {
+					menu.removeClass('open');
+				});
+			}	
+			else {
+				menu.slideDown(300, function() {
+					menu.addClass('open');
+				});
+			}
+			// expanded
+			btn.attr('aria-expanded', open);
+		});
+	},
+	// initNavbarAnimate
+	initNavbarAnimate: function() {
+		/* delayed */
+		var navbar = $("#navbar-main"); // or ".navbar-main-style"
+		var animate = navbar.find(".navbar-link, .navbar-link img, .navbar-toggle, .navbar-nav-wrapper, .navbar-nav");
+		animate = animate.add(".nav-indicator span"); // also applies to sub-menu!
+		/* delayed */
+		setTimeout(function() {
+			// enableTransformation();
+			animate.addClass("animate");
+        }, 500);
+		/* mouse-triggered 
+		$("#navigation").mouseenter(function() {
+			var navb = $(this);
+			animate.addClass("animate");
+			nav.off( "mouseenter" );
+		});
+		*/
+	},
+	// initGotoTop
+	initGotoTop: function() {
+		var button = $('#goto-top');
+		// scroll event
+	    $(document).on('scroll', function() {
+		    var view = $(window);
+	        var show = (view.scrollTop() > 250);
+	        var visible = isVisible(button);
+	        if (show == visible)
+	        	return;
+	        // show or hide	
+	        if (show) {
+	            button.fadeIn();
+	        }
+	        else {
+	            button.fadeOut();
+	        }
+	    });
+		// onclick-event    
+		button.on('click', function(){
+		    $('html, body').stop().animate({
+		        scrollTop: 0
+		    }, 800);
+		    return false;
+		});
+	},
+	// initPageLinks
+	initPageLinks: function(menuId) {
+		var linkSelector;
+		var otherSelector;
+		if (menuId=="mi.home") {
+			linkSelector = "a.pageLink";
+			otherSelector = "a.homeLink";
+		} else {
+			linkSelector = "a.homeLink";
+			otherSelector = "a.pageLink";
+		}
+		$(linkSelector).click(function() {
+			var link = this;
+			// make target active
+			var target = link.getAttribute("data-target");
+			if (target) {
+			    var tmi = e$(target);
+			    if (tmi) {
+	              $(tmi).addClass("active");
+	            }  
+			}
+			// animate
+			$("#navbar-main").removeClass("navbar-main-style");
+			window.setTimeout(function(){
+				Page.execPageLink(link);
+	        }, 300);
+			return false;
+		});
+		/* - for debugging only -
+		$(otherSelector ).click(function() {
+			var link = this; 
+			$("#navbar-main").addClass("navbar-main-style");
+			return false;
+		});
+		*/
+	},
+	// execPageLink
+	execPageLink: function(a) {
+		// Execute Link
+		if (a==null || a.href==null) {
+			alert(anchor_id + ' is not a valid anchor element!');
+			return;
+		}
+		window.location = a.href;
+	},
+	// initSectionLinks
+	initSectionLinks: function() {
+		// smoothscroll
+	    $('a.sectionLink').bind('click.smoothscroll',function (e) {
+	        e.preventDefault();
+	        var target = this.hash;
+			// close the menu
+	        var btn = $('#navbar-sub .navbar-toggle:visible');
+	        if (btn.length>0) {
+	        	var navbar = $(btn.data("target"));
+	        	if (navbar.hasClass("open"))
+		        	btn.click();
+	        }
+			// scroll now        
+			Page.scrollToSection(target);
+	    });
+	},
+	// initMailLinks
+	initMailLinks: function() {
+		$("a.mailLink").each( function(/* index, element  */){ 
+			var link = $( this );
+	    	var target = link.data("target");
+	    	var domain = "empire-db.apache.org";
+	    	link.text(target+"@"+domain);
+	    	link.click(function() {
+				var link = $( this );
+				var url = "mailto:"+link.text();
+				window.location = url;
+	    	});
+		});
+	},
+	// initShowMeLinks
+	initShowMeLinks: function() {
+		// smoothscroll
+	    $('a.showMe').each( function(/* index, element  */){ 
+			var link = $( this );
+	    	link.click(function() {
+				var link = $( this );
+				var content = link.closest('.content-block');
+				if (content.length==0)
+					content = link.closest('.content');
+				if (content.length==0)
+					return;
+				link.hide();
+				content.find(".optional").slideDown(500, function() {
+					// content.next(".content.optional").show();
+					content.find("a.hideMe").show();
+				});
+	    	});
+		});
+	    $('a.hideMe').each( function(/* index, element  */){ 
+			var link = $( this );
+	    	link.click(function() {
+				var link = $( this );
+				var content = link.closest('.content-block');
+				if (content.length==0)
+					content = link.closest('.content');
+				if (content.length==0)
+					return;
+				Page.scrollIntoView(content);
+				content.find(".optional").slideUp(500, function() {
+					// content.next(".content.optional").hide();
+					link.hide();
+					content.find("a.showMe").show();
+				});
+	    	});
+	    	link.hide();
+		});
+	},
+	// scrollToSection
+	scrollToSection: function(target) {
+	    // get target
+	    $target = $(target);
+	    if ($target.length==0) {
+	    	alert("Unknown target:"+target);
+	    	return;
+	    }
+		// remove active
+	    if (this.prevSection)
+	    	this.prevSection.removeClass("active");
+	   	this.prevSection = null;
+	    // set active
+	    var miid = target.replace('#', 'mi.');
+	    var mi = e$(miid);
+	    if (mi) {
+	    	this.prevSection = $(mi);
+			this.prevSection.addClass("active");
+	    }  
+		// scroll to position
+	    $('html, body').stop().animate( {
+	      'scrollTop': $target.offset().top-121
+	    }, 900);
+	},
+	// scrollToTop
+	scrollToTop: function() {
+		var scrollParent = $(Page.scrollParent);
+		scrollParent.animate({ scrollTop: 0 });	
+	},
+	// scrollToBottom
+	scrollToBottom: function() {
+		var scrollParent = $(Page.scrollParent);
+		var scrollContent = scrollParent.children().first();
+		var contentHeight = $(scrollContent).outerHeight(true); // height including margin
+		scrollParent.animate({ scrollTop: Math.max(contentHeight - $(scrollParent).height(), 0) });	
+	},
+	// scrollTo 
+	scrollIntoView: function(elem) {
+		// scroll now
+		var scrollParent = $(Page.scrollParent);
+		var topPos = $(elem).offset().top -121;
+		if (topPos>scrollParent.scrollTop())
+			return;
+		scrollParent.stop().animate( {
+	        'scrollTop': topPos
+	    }, 600);
+		return false;
+	},
+	// reload
+	reload: function() {
+	    var loc = window.location;
+		window.location = loc;
+	},
+	// resizeContent
+	resizeContent: function() {
+		var winHeight = $(window).height();
+		var content = $("#pscroll");
+		var height = winHeight-content.offset().top;
+		// footer
+		/*
+		var footer = $("#appfooter");
+		if (footer.is(":visible"))
+			height-= footer.outerHeight();
+		*/	
+		// check
+		if (height<10)
+			height=10;
+		/*
+		var dbg = $("#debugOut");
+		dbg.text(height);
+		*/
+		content.height(height);
+		// Repositoin popups
+		if (Popup.open)
+			Popup.repositionAll(winHeight);
+	},	
+	print: function() {
+		var win = window.open("", "Druckansicht", "toolbar=yes, location=no, directories=yes, status=yes, menubar=yes, scrollbars=yes, resizable=yes, width=1030, height=600");
+		win.document.open();
+		win.document.write('<html><head>');
+		win.document.write('<script type="text/javascript" src="../js/app.js"></script>');
+		win.document.write('<link href="../css/layout.css" rel="stylesheet" type="text/css" />');
+		win.document.write('<link href="../css/print.css"  rel="stylesheet" type="text/css" />');
+		win.document.write('<div id="printHint" class="hint"></div>');
+		win.document.write('<a href="#" class="printButton button" onclick="printDiv(\'printArea\'); return false;">Ansicht drucken</a>')
+		win.document.write('<div id="printArea">');
+		win.document.write(document.getElementById("content-form").innerHTML);
+		win.document.write('</div>');
+		win.document.write('<a href="#" class="printButton button" onclick="printDiv(\'printArea\'); return false;">Ansicht drucken</a>')
+		win.document.write("</body></html>");
+		win.document.close();
+	},
+}
+
+/**
+ * Checkbox
+ */
+const Checkbox = {
+	// init
+	init: function() {
+		var ctrls  = $('.checkbox .box:not(.initialized)');
+		ctrls.click(function(event) {
+			var anchor = $(this);
+			Checkbox.onToggle(anchor);
+		});
+		ctrls.addClass("initialized");
+	},
+	// onToggle
+	onToggle: function(button) {
+		// disabled
+		if (button.hasClass("disabled")) {
+			return;
+		}
+		// toggle active
+		var checkbox = button.parent();
+		if (checkbox.hasClass("checked")) {
+			checkbox.removeClass("checked");
+		} else {
+			checkbox.addClass("checked");
+		}
+		// fire event
+		var clickHandler = button.attr('onItemClick');
+		if (clickHandler) {
+			var item = checkbox;
+			eval(clickHandler);
+		}
+	}
+}
+
+/**
+ * TabView
+ */
+const TabView = {
+	// init
+	init: function() {
+		var tabViews = $('.tab-view:not(.initialized)');
+		if (tabViews.length==0)
+			return;
+		// init
+		tabViews.each(function() {
+			var tv = $(this);
+			tv.find(".tab-head a.tab-label").click(TabView.onLabelClick);
+			// show active
+			TabView.showActivePage(tv);
+		});
+		// done
+		tabViews.addClass("initialized");
+	},
+	// onLabelClick
+	onLabelClick: function(event) {
+		var label = $(this);
+		if (label.hasClass("active"))
+			return;
+		label.siblings(".tab-label").removeClass("active");
+		label.addClass("active");
+		// show active
+		var tv = label.closest(".tab-view");
+		TabView.showActivePage(tv);
+	},
+	// showActivePage
+	showActivePage: function(view) {
+		// activate page
+		var head = view.find(".tab-head");
+		var activeIndex = head.find(".tab-label.active").index();
+		// activate page
+		var pages = view.find(".tab-body").children();
+		pages.each(function(index) {
+			var page = $(this);
+			if (index==activeIndex)
+				page.show();
+			else
+				page.hide();
+		});
+	}
+}
+
+/**
+ * Checkbox
+ */
+const Codebox = {
+	// init
+	togglePrepStmt: function(item) {
+		// disabled
+		var checked = item.hasClass("checked");
+		var sqlbox  = item.closest(".sqlbox");
+		var params  = sqlbox.find(".param");
+		if (checked)
+			params.addClass("pstmt");
+	    else
+			params.removeClass("pstmt");
+	}
+}
+/*
+function enableTransformation() {
+	var sheet= document.styleSheets[document.styleSheets.length-1];
+	var rules= 'cssRules' in sheet ? sheet.cssRules : sheet.rules; // IE compatibility
+	// rules[0].style.padding= '0.32em 2em';
+	var selector = '.navbar-nav li, .navbar-nav li a, .navbar-nav li .nav-indicator span';
+	var styles   = '-webkit-transition: all 0.25s linear; transition: all 0.25s linear;';
+	sheet.addRule(selector, styles, rules.length);
+}
+*/

Propchange: empire-db/site/preview-v3/js/site.js
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: empire-db/site/preview-v3/pages/community.html
URL: http://svn.apache.org/viewvc/empire-db/site/preview-v3/pages/community.html?rev=1898560&view=auto
==============================================================================
--- empire-db/site/preview-v3/pages/community.html (added)
+++ empire-db/site/preview-v3/pages/community.html Thu Mar  3 09:32:21 2022
@@ -0,0 +1,251 @@
+<!DOCTYPE html> 
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<!-- #BeginTemplate "../site.dwt" -->
+
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<!-- additinal tags -->
+<meta name="description" content="Apache Empire-db - full SQL-freedom for Java">
+<meta name="keywords" content="java, jdbc, sql, ddl, dbms, rdbms, metadata, persistence, jpa, orm, or-mapping, mapping, hibernate, jdo" >
+<meta name="robots" content="index, follow" >
+<meta name="revisit-after" content="7 days" >
+<meta http-equiv="imagetoolbar" content="no">
+<!-- icons -->
+<link rel="shortcut icon" href="../empire-db.ico">
+<!--
+<link rel="icon" type="image/png" sizes="16x16" href="resources/icons/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="resources/icons/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="96x96" href="resources/icons/favicon-96x96.png">
+<link rel="apple-touch-icon" sizes="114x114" href="resources/icons/favicon-114x114.png">
+<link rel="apple-touch-icon" sizes="144x144" href="resources/icons/favicon-144x144.png">
+-->
+<!--
+<meta name="application-name" content="Apache Empire-db home"> 
+<meta name="msapplication-square70x70logo" content="/resources/icons/ms-icon-70x70.png">
+<meta name="msapplication-square150x150logo" content="/resources/icons/ms-icon-150x150.png">
+<meta name="msapplication-square310x310logo" content="/resources/icons/ms-icon-310x310.png">
+-->
+<!-- css -->
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet">
+<link href="../css/layout.css" rel="stylesheet" type="text/css" />
+<!-- JavaScript -->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<!-- app-specific -->
+<script type="text/javascript" src="../js/site.js"></script>
+<!-- #BeginEditable "head" -->
+<style type="text/css">
+</style>
+<title>Apache Empire-db</title>
+<!-- #EndEditable -->
+</head>
+<body>
+<div id="bodywrapper">
+<nav id="navigation">
+<!-- Main Nav -->
+<div class="navbar navbar-dark navbar-fixed-top navbar-main-style" id="navbar-main">
+	<div class="container">
+		<!-- brand and toggle -->
+	    <div class="navbar-header">
+	      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-main" aria-expanded="false" aria-controls="navbar">
+	        <span class="icon-bar"></span>
+	        <span class="icon-bar"></span>
+	        <span class="icon-bar"></span>
+	      </button>
+	      <a class="navbar-link logo-empire homeLink" href="home.html">
+			<img alt="Empire-db" src="../res/empire-db-lg.png" />
+	      </a>
+	    </div>
+	    <!-- Main Nav -->
+	    <div class="navbar-collapse collapse" id="nav-main">
+	      <div class="navbar-nav-wrapper">
+			  <!-- row 1 -->
+		      <ul class="nav navbar-nav">
+		        <li id="mi.home">
+		        	<a class="homeLink" data-target="mi.home" href="home.html"><span class="first-letter">H</span>OME</a>
+		        	<div class="nav-indicator"><span></span></div>
+		        </li>
+		        <li id="mi.project">
+		        	<a class="pageLink" data-target="mi.project" href="project.html"><span class="first-letter">W</span>HY?</a>
+		        	<div class="nav-indicator"><span></span></div>
+		        </li>
+		        <li id="mi.download" class="highlight">
+		        	<div class="nav-highlight"><span></span></div>
+		        	<a class="pageLink" data-target="mi.download" href="download.html"><span class="first-letter">G</span>ET IT <span class="first-letter">N</span>OW</a>
+		        	<div class="nav-indicator"><span></span></div>
+		        </li>
+		        <li id="mi.community">
+		        	<a class="pageLink" data-target="mi.community" href="community.html"><span class="first-letter">C</span>OMMUNITY</a>
+		        	<div class="nav-indicator"><span></span></div>
+		        </li>
+		      </ul>
+	      </div>
+	      <div class="navbar-nav-right">
+		      <a class="navbar-link logo-apache" href="https://apache.org" target="_blank">
+				<img alt="Apache.org" src="../res/apache-small.png" />
+		      </a>
+	      </div>
+	    </div>
+    </div>
+</div>
+<!-- Sub Nav -->
+<div class="navbar navbar-light navbar-fixed-top" id="navbar-sub">
+	<div class="container">
+	    <div class="navbar-header">
+	      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-sub" aria-expanded="false" aria-controls="navbar">
+	        <span class="icon-bar"></span>
+	        <span class="icon-bar"></span>
+	        <span class="icon-bar"></span>
+	      </button>
+	    </div>
+	    <div class="navbar-collapse collapse" id="nav-sub">
+	      <ul class="nav navbar-nav">
+			<!-- #BeginEditable "subnav" -->
+	        <li id="mi.sec1">
+	        	<a class="sectionLink" href="#sec1">How we work</a>
+	        	<div class="nav-indicator"><span></span></div>
+	        </li>
+	        <li id="mi.sec2">
+	        	<a class="sectionLink" href="#sec2">Who we are</a>
+	        	<div class="nav-indicator"><span></span></div>
+	        </li>
+	        <li id="mi.sec3">
+	        	<a class="sectionLink" href="#sec3">Ideas for improvement?</a>
+	        	<div class="nav-indicator"><span></span></div>
+	        </li>
+			<!-- #EndEditable -->
+	      </ul>
+	    </div>
+	</div>
+</div>
+<!-- end nav -->
+</nav>
+
+<article id="content">
+<!-- #BeginEditable "content" -->
+	<!--
+	<header class="band title products">
+		<div class="content">
+			<div><h1>Community</h1></div>
+		</div>
+	</header>
+	-->
+
+	<section id="sec1" class="band even">
+		<div class="content">
+			<h1>How we work</h1>
+			<p>The Empire-db project uses the following resources to maintain its code and coordinate development efforts:</p>
+
+			<h3>GIT - Source code repository</h3>
+
+			<div>The Empire-db source code is also availabe from our GIT Repository</div>
+			<p><div class="info-box"><a class="extern" target="_blank" href="https://gitbox.apache.org/repos/asf/empire-db.git">https://gitbox.apache.org/repos/asf/empire-db.git</a></div></p>
+
+			<h3>JIRA - Ticketing system</h3>
+
+			<div>For bug-reporting and issue tracking we use the JIRA ticketing system</div>
+			<p><div class="info-box"><a class="extern" target="_blank" href="https://issues.apache.org/jira/projects/EMPIREDB">https://issues.apache.org/jira/projects/EMPIREDB</a></div></p>
+			
+			<h3>Mailing lists</h3>
+			<table class="info">
+				<colgroup>
+					<col style="width:10%">
+					<col style="width:60%">
+					<col style="width:30%">
+				</colgroup>
+				<thead>
+					<tr><th>Type</th><th>Subscribe</th><th>Post a message</th></tr>
+				</thead>
+				<tbody>
+					<tr><td>User</td><td><a class="mailLink" data-target="user-subscribe">user-subscribe</a><td><a class="mailLink" data-target="user">user</a></td></tr>
+					<tr><td>Dev</td><td><a class="mailLink" data-target="dev-subscribe">dev-subscribe</a></td><td><a class="mailLink" data-target="dev">dev-subscribe</a></td></tr>
+					<tr><td>Commits</td><td><a class="mailLink" data-target="commits-subscribe">commits-subscribe</a></td><td><a class="extern" target="_blank" href="https://lists.apache.org/list.html?commits@empire-db.apache.org">[Browse archive]</a></td></tr>
+				</tbody>
+			</table>
+			<div class="hint"><strong>Hint:</strong> In order to unsubscribe simply add an "un" before the "subscribe" i.e. "user-unsubscribe@empire-db.apache.org"</div>
+		</div>
+	</section>  
+
+	<section id="sec2" class="band odd">
+		<div class="content">
+			<h1>Who we are</h1>
+			<p>We are a team of software enthusiasts who are voluntarily working on this project in order to Make this World a Better Place.<br/>
+			   Currently the Empire-db project is maintained by the following Committers:</p>
+			<div class="floatbox">
+				<ul class="bullets float-left">
+					<li>Rainer Döbele (Chair)</li>
+					<li>Benjamin Venditti</li>
+					<li>Benson Margulies</li>
+					<li>Dimitar Simeonov</li>
+					<li>Eike Kettner</li>
+				</ul>
+				<ul class="bullets float-left">
+					<li>Francis De Brabandere</li>
+					<li>Ivan Nemeth</li>
+					<li>Jan Glaubitz</li>
+					<li>Jörg Reiher</li>
+					<li>Martijn Dashorst</li>			
+				</ul>
+			</div>
+		</div>
+	</section>  
+	
+	<section id="sec3" class="band even">
+		<div class="content">
+			<h1>We want you!</h1>
+			<p>Are you missing a feature in Empire-db? Ideas for improving Empire-db? Then why not giving something back to the community? Here are the first steps:</p>			
+			<ul class="bullets">
+				<li>Create a JIRA ticket and let us know what problem is and what can be done about about it.</li>
+				<li>Fix the issue by extending Empire-db classes or modifying the source code</li>
+				<li>Send us your code by creating a GIT pull request</li>
+			</ul>
+			<p>As an Open-Source project we are relying on voluntary contributions from interested people. The Apache Empire-db project is actively seeking new contributors to work on all aspects of the project. We need and appreciate all contributions, including documentation help, source code development and feedback.</p>
+		</div>
+	</section>  
+	
+<!-- #EndEditable -->
+</article>
+
+<!-- footer -->
+<footer id="footer">
+	<!--
+	<div id="footer-nav">
+		<div class="container">
+		</div>
+	</div>
+	-->
+	<div id="footer-bar">
+		<div class="container">	
+			<div class="footer-info">
+				<table class="inline">
+					<tr>
+						<td class="logo"><img alt="Empire-db" src="../res/empire-db-sg.png" /></td>
+						<td class="info">
+							<span>Copyright © The Apache Software Foundation . All Rights Reserved.</span>
+							<br/>
+							<span>Apache Empire-db, Apache, the Apache feather logo, and the Apache Empire-db logos are trademarks of The Apache Software Foundation.</span>
+						</td>
+					</tr>
+				</table>
+			</div>
+		</div>
+	</div>
+</footer>
+
+<a id="goto-top" href="#top"><span class="icon"></span></a>
+
+</div>
+<!-- #BeginEditable "page setup" -->
+<script type="text/javascript">
+	window.onload = function () {
+		Page.init("mi.community");
+	}
+</script>
+<!-- #EndEditable -->
+</body>
+<!-- #EndTemplate -->
+</html>

Propchange: empire-db/site/preview-v3/pages/community.html
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: empire-db/site/preview-v3/pages/download.html
URL: http://svn.apache.org/viewvc/empire-db/site/preview-v3/pages/download.html?rev=1898560&view=auto
==============================================================================
--- empire-db/site/preview-v3/pages/download.html (added)
+++ empire-db/site/preview-v3/pages/download.html Thu Mar  3 09:32:21 2022
@@ -0,0 +1,490 @@
+<!DOCTYPE html> 
+<html xmlns="http://www.w3.org/1999/xhtml">
+
+<!-- #BeginTemplate "../site.dwt" -->
+
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<!-- additinal tags -->
+<meta name="description" content="Apache Empire-db - full SQL-freedom for Java">
+<meta name="keywords" content="java, jdbc, sql, ddl, dbms, rdbms, metadata, persistence, jpa, orm, or-mapping, mapping, hibernate, jdo" >
+<meta name="robots" content="index, follow" >
+<meta name="revisit-after" content="7 days" >
+<meta http-equiv="imagetoolbar" content="no">
+<!-- icons -->
+<link rel="shortcut icon" href="../empire-db.ico">
+<!--
+<link rel="icon" type="image/png" sizes="16x16" href="resources/icons/favicon-16x16.png">
+<link rel="icon" type="image/png" sizes="32x32" href="resources/icons/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="96x96" href="resources/icons/favicon-96x96.png">
+<link rel="apple-touch-icon" sizes="114x114" href="resources/icons/favicon-114x114.png">
+<link rel="apple-touch-icon" sizes="144x144" href="resources/icons/favicon-144x144.png">
+-->
+<!--
+<meta name="application-name" content="Apache Empire-db home"> 
+<meta name="msapplication-square70x70logo" content="/resources/icons/ms-icon-70x70.png">
+<meta name="msapplication-square150x150logo" content="/resources/icons/ms-icon-150x150.png">
+<meta name="msapplication-square310x310logo" content="/resources/icons/ms-icon-310x310.png">
+-->
+<!-- css -->
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet">
+<link href="../css/layout.css" rel="stylesheet" type="text/css" />
+<!-- JavaScript -->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<!-- app-specific -->
+<script type="text/javascript" src="../js/site.js"></script>
+<!-- #BeginEditable "head" -->
+<style type="text/css">
+</style>
+<title>Apache Empire-db</title>
+<!-- #EndEditable -->
+</head>
+<body>
+<div id="bodywrapper">
+<nav id="navigation">
+<!-- Main Nav -->
+<div class="navbar navbar-dark navbar-fixed-top navbar-main-style" id="navbar-main">
+	<div class="container">
+		<!-- brand and toggle -->
+	    <div class="navbar-header">
+	      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-main" aria-expanded="false" aria-controls="navbar">
+	        <span class="icon-bar"></span>
+	        <span class="icon-bar"></span>
+	        <span class="icon-bar"></span>
+	      </button>
+	      <a class="navbar-link logo-empire homeLink" href="home.html">
+			<img alt="Empire-db" src="../res/empire-db-lg.png" />
+	      </a>
+	    </div>
+	    <!-- Main Nav -->
+	    <div class="navbar-collapse collapse" id="nav-main">
+	      <div class="navbar-nav-wrapper">
+			  <!-- row 1 -->
+		      <ul class="nav navbar-nav">
+		        <li id="mi.home">
+		        	<a class="homeLink" data-target="mi.home" href="home.html"><span class="first-letter">H</span>OME</a>
+		        	<div class="nav-indicator"><span></span></div>
+		        </li>
+		        <li id="mi.project">
+		        	<a class="pageLink" data-target="mi.project" href="project.html"><span class="first-letter">W</span>HY?</a>
+		        	<div class="nav-indicator"><span></span></div>
+		        </li>
+		        <li id="mi.download" class="highlight">
+		        	<div class="nav-highlight"><span></span></div>
+		        	<a class="pageLink" data-target="mi.download" href="download.html"><span class="first-letter">G</span>ET IT <span class="first-letter">N</span>OW</a>
+		        	<div class="nav-indicator"><span></span></div>
+		        </li>
+		        <li id="mi.community">
+		        	<a class="pageLink" data-target="mi.community" href="community.html"><span class="first-letter">C</span>OMMUNITY</a>
+		        	<div class="nav-indicator"><span></span></div>
+		        </li>
+		      </ul>
+	      </div>
+	      <div class="navbar-nav-right">
+		      <a class="navbar-link logo-apache" href="https://apache.org" target="_blank">
+				<img alt="Apache.org" src="../res/apache-small.png" />
+		      </a>
+	      </div>
+	    </div>
+    </div>
+</div>
+<!-- Sub Nav -->
+<div class="navbar navbar-light navbar-fixed-top" id="navbar-sub">
+	<div class="container">
+	    <div class="navbar-header">
+	      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-sub" aria-expanded="false" aria-controls="navbar">
+	        <span class="icon-bar"></span>
+	        <span class="icon-bar"></span>
+	        <span class="icon-bar"></span>
+	      </button>
+	    </div>
+	    <div class="navbar-collapse collapse" id="nav-sub">
+	      <ul class="nav navbar-nav">
+			<!-- #BeginEditable "subnav" -->
+	        <li id="mi.sec1">
+	        	<a class="sectionLink" href="#sec1">Download</a>
+	        	<div class="nav-indicator"><span></span></div>
+	        </li>
+	        <li id="mi.sec2">
+	        	<a class="sectionLink" href="#sec2">Getting started</a>
+	        	<div class="nav-indicator"><span></span></div>
+	        </li>
+	        <li id="mi.sec3">
+	        	<a class="sectionLink" href="#sec3">Database first (How-to)</a>
+	        	<div class="nav-indicator"><span></span></div>
+	        </li>
+			<!-- #EndEditable -->
+	      </ul>
+	    </div>
+	</div>
+</div>
+<!-- end nav -->
+</nav>
+
+<article id="content">
+<!-- #BeginEditable "content" -->
+
+	<section id="sec1" class="band even">
+		<div class="content">
+			<h1>Download &amp; Dependencies</h1>
+			
+			<div>The best way to use Empire-db is to use Maven for dependency management. However for getting started it may be convenient to download the full distribution in order to run and debug the examples.</div>
+			<div class="layout2col">
+				<div class="col-left">
+				<!-- col start -->
+
+					<h3>Download distribution</h3>
+
+					<div>In order to download the <strong>Apache Empire-db</strong> distribution files please pick between one of the following formats:</div>
+					<table class="downloads">
+						<colgroup>
+							<col class="file"/>
+							<col class="size"/>
+							<col class="key"/>
+							<col class="key"/>
+						</colgroup>
+						<thead>
+							<tr><th class="file">File</th>
+								<th class="size">Size</th>
+								<th>PGP</th>
+								<th>SHA256</th></tr>
+						</thead>
+						<tbody>
+							<tr>
+								<td class="file"><a href="https://www.apache.org/dyn/closer.lua/empire-db/2.5.1/apache-empire-db-2.5.1-dist.tar.gz">apache-empire-db-2.5.1-dist.tar.gz</a></td>
+								<td class="size">4.3 MB</td>
+								<td class="md5"><a href="https://downloads.apache.org/empire-db/2.5.1/apache-empire-db-2.5.1-dist.tar.gz.asc" target="_blank"><img src="../res/key.gif"/></a></td>
+								<td class="md5"><a href="https://downloads.apache.org/empire-db/2.5.1/apache-empire-db-2.5.1-dist.tar.gz.sha256" target="_blank"><img src="../res/key.gif"/></a></td>
+							</tr>
+							<tr>
+								<td class="file"><a href="https://www.apache.org/dyn/closer.lua/empire-db/2.5.1/apache-empire-db-2.5.1-dist.zip">apache-empire-db-2.5.1-dist.zip</a></td>
+								<td class="size">5.0 MB</td>
+								<td class="md5"><a href="https://downloads.apache.org/empire-db/2.5.1/apache-empire-db-2.5.1-dist.zip.asc" target="_blank"><img src="../res/key.gif"/></a></td>
+								<td class="md5"><a href="https://downloads.apache.org/empire-db/2.5.1/apache-empire-db-2.5.1-dist.zip.sha256" target="_blank"><img src="../res/key.gif"/></a></td>
+							</tr>
+						</tbody>	
+					</table>
+					
+					<p>We recommend that you verify the integrity of the downloaded files using the PGP or SHA signatures. The PGP signatures can be verified using PGP or GPG after downloading the KEYS file. We recommend that you use a web of trust if possible, to confirm the identity of these keys. For more information, please see the Apache Release FAQ.</p>
+
+					<h3>Dependencies</h3>
+
+					<div>The Empire-db core component has (only) the following dependencies</div>
+					<ul class="bullets white">
+						<li><a class="extern" target="_blank" href="https://www.oracle.com/de/java/technologies/javase/javase8-archive-downloads.html">Java 8</a></li>
+						<li><a class="extern" target="_blank" href="https://mvnrepository.com/artifact/org.slf4j/slf4j-api">SLF4J API Module</a></li>
+						<li><a class="extern" target="_blank" href="https://mvnrepository.com/artifact/commons-beanutils/commons-beanutils">Apache Commons BeanUtils</a></li>
+					</ul>
+					
+				<!-- col end -->
+				</div>
+				<div class="col-right">
+				<!-- col start -->
+				
+					<h3>Maven</h3>
+					
+					<div>To use <strong>Apache Empire-db</strong> in your project add the following dependency to your project&#39;s pom file:</div>
+					<div class="xmlbox">
+					<span class="title"><a class="extern" target="_blank" href="https://mvnrepository.com/artifact/org.apache.empire-db/empire-db">mvnrepository.com/artifact/org.apache.empire-db/empire-db</a></span>
+<pre>
+<span class="tag">&lt;dependency&gt;</span>
+    <span class="tag">&lt;groupId&gt;</span>org.apache.empire-db<span class="tag">&lt;/groupId&gt;</span>
+    <span class="tag">&lt;artifactId&gt;</span>empire-db<span class="tag">&lt;/artifactId&gt;</span>
+    <span class="tag">&lt;version&gt;</span>3.0.0<span class="tag">&lt;/version&gt;</span>
+<span class="tag">&lt;/dependency&gt;</span>
+</pre>
+					</div>
+					
+					<p></p>
+
+					<div>To use <strong>Apache empire-db-jsf2-extensions</strong> in your project add the following dependency to your project&#39;s pom file:</div>
+					<div class="xmlbox">
+					<span class="title"><a class="extern" target="_blank" href="https://mvnrepository.com/artifact/org.apache.empire-db/empire-db-jsf2">mvnrepository.com/artifact/org.apache.empire-db/empire-db-jsf2</a></span>
+<pre>
+<span class="tag">&lt;dependency&gt;</span>
+    <span class="tag">&lt;groupId&gt;</span>org.apache.empire-db<span class="tag">&lt;/groupId&gt;</span>
+    <span class="tag">&lt;artifactId&gt;</span>empire-db-jsf2<span class="tag">&lt;/artifactId&gt;</span>
+    <span class="tag">&lt;version&gt;</span>3.0.0<span class="tag">&lt;/version&gt;</span>
+<span class="tag">&lt;/dependency&gt;</span>
+</pre>
+					</div>
+				
+				<!-- col end -->
+				</div>
+			</div>
+			
+			<div><a class="showMe">Show previous releases</a></div>
+
+			<div class="content-box optional">
+			<h3>Previous releases</h3>
+			
+			<table class="downloads">
+				<colgroup>
+					<col class="version"/>
+					<col class="date"/>
+					<col class="file"/>
+					<col class="key"/>
+					<col class="key"/>
+				</colgroup>
+				<thead>
+					<tr><th class="version">Version</th>
+						<th class="date">Date</th>
+					    <th class="file">File</th>
+						<th>PGP</th>
+						<th>SHA256</th></tr>
+				</thead>
+				<tbody>
+					<tr class="odd">
+						<td class="version">2.5.1</td>
+						<td class="date">22/Jan/2022</td>
+						<td class="file">
+							<a href="https://www.apache.org/dyn/closer.lua/empire-db/2.5.1/apache-empire-db-2.5.1-dist.tar.gz">apache-empire-db-2.5.1-dist.tar.gz</a>
+							<a href="https://www.apache.org/dyn/closer.lua/empire-db/2.5.1/apache-empire-db-2.5.1-dist.zip">apache-empire-db-2.5.1-dist.zip</a>
+						</td>
+						<td class="md5">
+							<a href="https://downloads.apache.org/empire-db/2.5.1/apache-empire-db-2.5.1-dist.tar.gz.asc" target="_blank"><img src="../res/key.gif"/></a>
+							<a href="https://downloads.apache.org/empire-db/2.5.1/apache-empire-db-2.5.1-dist.zip.asc" target="_blank"><img src="../res/key.gif"/></a>
+						</td>
+						<td class="md5">
+							<a href="https://downloads.apache.org/empire-db/2.5.1/apache-empire-db-2.5.1-dist.tar.gz.sha256" target="_blank"><img src="../res/key.gif"/>
+							<a href="https://downloads.apache.org/empire-db/2.5.1/apache-empire-db-2.5.1-dist.zip.sha256" target="_blank"><img src="../res/key.gif"/>
+						</td>
+					</tr>
+					<tr class="even">
+						<td class="version">2.5.0</td>
+						<td class="date">12/May/2020</td>
+						<td class="file">
+							<a href="https://www.apache.org/dyn/closer.lua/empire-db/2.5.0/apache-empire-db-2.5.0-dist.tar.gz">apache-empire-db-2.5.0-dist.tar.gz</a>
+							<a href="https://www.apache.org/dyn/closer.lua/empire-db/2.5.0/apache-empire-db-2.5.0-dist.zip">apache-empire-db-2.5.0-dist.zip</a>
+						</td>
+						<td class="md5">
+							<a href="https://downloads.apache.org/empire-db/2.5.0/apache-empire-db-2.5.0-dist.tar.gz.asc" target="_blank"><img src="../res/key.gif"/></a>
+							<a href="https://downloads.apache.org/empire-db/2.5.0/apache-empire-db-2.5.0-dist.zip.asc" target="_blank"><img src="../res/key.gif"/></a>
+						</td>
+						<td class="md5">
+							<a href="https://downloads.apache.org/empire-db/2.5.0/apache-empire-db-2.5.0-dist.tar.gz.sha256" target="_blank"><img src="../res/key.gif"/>
+							<a href="https://downloads.apache.org/empire-db/2.5.0/apache-empire-db-2.5.0-dist.zip.sha256" target="_blank"><img src="../res/key.gif"/>
+						</td>
+					</tr>
+				</tbody>	
+			</table>
+			</div>
+
+			<a class="hideMe">Hide previous releases</a>
+			
+		</div>
+	</section>  
+
+	<section id="sec2" class="band odd">
+		<div class="content">
+			<h1>Getting started</h1>
+			
+			<p>The truth is in the code! The best way to understand Empire-db is to run and debug our example projects.</p>
+
+			<p>Here's what we've got:</p>
+
+			<div class="layout2col">
+				<div class="col-left col-one">
+				<div class="col-inlay">
+				<!-- col start -->
+				<h3>Basic Example</h3>
+				<p>Here you learn the basics like creating a context, creating and opening a database, performing queries and working with Records, Readers, DataLists, and Java Beans.</p>
+				<div class="verdict"><span class="label">Verdict:</span><span class="text">Bread and Butter</span></div>
+				</div>
+				<!-- col end -->
+				</div>
+				<div class="col-right col-two">
+				<div class="col-inlay">
+				<!-- col start -->
+				<h3>Advanced Example</h3>
+				<p>This shows more advanced stuff like advanced Data Model setup, using Command parameters, data modification techniques, Rollback handling, DDL changes at runtime, Batch processing and more.</p>
+				<div class="verdict"><span class="label">Verdict:</span><span class="text">4 native SQL speakers</span></div>
+				<!-- col end -->
+				</div>
+				</div>
+			</div>
+
+			<div class="layout2col">
+				<div class="col-left col-three">
+				<div class="col-inlay">
+				<!-- col start -->
+				<h3>JSF Web Example</h3>
+				<p>This is an example of how to use Empire-db server-side with JavaServerFaces to build a Web frontend. 
+				The example uses our Empire-db-JSF-extensions module which provides special composite components in order to build input controls automatically from Metadata as well as some other useful stuff. Check it out. </p>
+				<div class="verdict"><span class="label">Verdict:</span><span class="text">Metadata rocks</span></div>
+				<!-- col end -->
+				</div>
+				</div>
+				<div class="col-right col-four">
+				<div class="col-inlay">
+				<!-- col start -->
+				<h3>JSON / REST / Vue Example</h3>
+				<p>This shows how to generate data and metadata as JSON objects and serve them via a REST service to a Vue Frontend. The Vue client then generates suitable input controls using the Metadata to provide basic CRUD functionality.</p>
+				<div class="verdict"><span class="label">Verdict:</span><span class="text">Very Cool!</span></div>
+				<!-- col end -->
+				</div>
+				</div>
+			</div>
+			
+			<p><br/></p>
+
+		</div>
+	</section>  
+
+	<section id="sec3" class="band even">
+		<div class="content">
+		<!-- start content -->
+		
+			<h1>Database first (How-to)</h1>
+			
+			<p>Most of our examples use - for obvious reasons - a code first approach creating a <a class="extern" target="_blank" href="http://hsqldb.org/">HyperSQL (HSQLDB)</a> database for the example on startup.</p>
+			
+			<p>An example of how to generate the data model code from an existing database is however provided with the <strong>empire-db-example-codegen</strong> project.</p>
+			<p>In the example you will also learn how to configure the code generation process for your needs.</p>
+			<div>The generation process can be customized in many ways like e.g.:</div>
+			<ul class="bullets white">
+				<li>Name of the database class and optionally for base classes of table, view and record</li>
+				<li>Separate package names for database, tables, view and records</li>
+				<li>Pre- and suffixes for names of tables, views and columns</li>
+				<li>Option to create nested classes for table and/or views inside the database class</li>
+				<li>Option to create record classes for the entity types</li>
+				<li>Option to create Java style getter and setter functions on the records</li>
+			</ul>
+			
+			<p>In order to perform the code generation, there are two approaches which we recommend:</p>
+
+			<div class="layout2col">
+				<div class="col-left">
+				<!-- col start -->
+					<h3>1. Generate from your code...</h3>
+					
+					<div>First, add the <strong>empire-db-codegen</strong> dependency to your project</div>
+					<div class="xmlbox">
+					<span class="title">pom.xml</span>
+<pre>
+<span class="tag">&lt;dependencies&gt;</span>
+    <span class="tag">&lt;dependency&gt;</span>
+        <span class="tag">&lt;groupId&gt;</span>org.apache.empire-db<span class="tag">&lt;/groupId&gt;</span>
+        <span class="tag">&lt;artifactId&gt;</span>empire-db-codegen<span class="tag">&lt;/artifactId&gt;</span>
+    <span class="tag">&lt;/dependency&gt;</span>
+    <span class="tag">&lt;dependency&gt;</span>
+        <span class="comment">&lt;!-- add your JDBC-Driver here --&gt;</span>
+        <span class="tag">&lt;groupId&gt;</span>com.oracle.database.jdbc<span class="tag">&lt;/groupId&gt;</span>
+        <span class="tag">&lt;artifactId&gt;</span>ojdbc8<span class="tag">&lt;/artifactId&gt;</span>
+    <span class="tag">&lt;/dependency&gt;</span> 
+<span class="tag">&lt;/dependencies&gt;</span>
+</pre>
+					</div>
+					<div>Then call the generator from code e.g. like this</div>
+					<div class="codebox">
+					<div class="title">Java</div>
+<pre>
+<span class="comment">// create the config</span>
+<span class="type">CodeGenConfig</span> config = <span class="new">new</span> <span class="type">CodeGenConfig</span>();
+<span class="comment">// init via API or load from file using config.init("config.xml")</span>
+config.<span class="func">setPackageName</span>(<span class="literal">"com.mycompany.myproject.database"</span>);
+config.<span class="func">setDbClassName</span>(<span class="literal">"MyDatabase"</span>);
+config.<span class="func">set...</span>(...)
+<span class="comment">// get the DBMS</span>
+<span class="type">DBMSHandler</span> dbms = <span class="new">new</span> <span class="type">DBMSHandlerOracle</span>();
+<span class="comment">// get the JDBC-Connection</span>
+<span class="type">Connection</span> conn = <span class="func">getJDBCConnection</span>(config);
+<span class="comment">// Generate code from database</span>
+<span class="type">CodeGenerator</span> app = <span class="new">new</span> <span class="type">CodeGenerator</span>();
+app.<span class="func">generate</span>(dbms, conn, config);
+</pre>
+					</div>
+				<!-- col end -->
+				</div>
+				<div class="col-right">
+				<!-- col start -->
+					<h3>2. ...or use the empire-db-maven-plugin</h3>
+					
+					<div>Add the <strong>empire-db-maven-plugin</strong> to your project's build section</div>
+					<div class="xmlbox">
+					<span class="title">pom.xml</span>
+<pre>
+<span class="tag">&lt;build&gt;</span>
+    <span class="tag">&lt;plugins&gt;</span>
+        <span class="tag">&lt;plugin&gt;</span>
+            <span class="tag">&lt;groupId&gt;</span>org.apache.empire-db<span class="tag">&lt;/groupId&gt;</span>
+            <span class="tag">&lt;artifactId&gt;</span>empire-db-maven-plugin<span class="tag">&lt;/artifactId&gt;</span>
+            <span class="tag">&lt;version&gt;</span>3.0.0<span class="tag">&lt;/version&gt;</span>
+            <span class="tag">&lt;configuration&gt;</span>
+                <span class="comment">&lt;!-- add config-file (see example-codegen for details) --&gt;</span>
+                <span class="tag">&lt;configFile&gt;</span>codegen-config.xml<span class="tag">&lt;/configFile&gt;</span>
+            <span class="tag">&lt;/configuration&gt;</span>
+            <span class="tag">&lt;dependencies&gt;</span>
+                <span class="tag">&lt;dependency&gt;</span>
+                    <span class="comment">&lt;!-- add your JDBC-Driver here --&gt;</span>
+                    <span class="tag">&lt;groupId&gt;</span>com.oracle.database.jdbc<span class="tag">&lt;/groupId&gt;</span>
+                    <span class="tag">&lt;artifactId&gt;</span>ojdbc8<span class="tag">&lt;/artifactId&gt;</span>
+                <span class="tag">&lt;/dependency&gt;</span>
+            <span class="tag">&lt;/dependencies&gt;</span>
+        <span class="tag">&lt;/plugin&gt;</span>
+    <span class="tag">&lt;/plugins&gt;</span>
+<span class="tag">&lt;/build&gt;</span>
+</pre>
+					</div>
+					<div>In order to start the code generation, run this from a command prompt</div>
+					<div class="codebox">
+<pre>
+<span class="prompt">&gt;</span> mvn <span class="literal">empire-db:codegen</span>
+</pre>
+					</div>
+				<!-- col end -->
+				</div>
+			</div>
+
+			<p>Please look at the <strong>empire-db-example-codegen</strong> project for further details.</p>
+
+		<!-- end content -->
+		</div>
+	</section>  
+	
+<!-- #EndEditable -->
+</article>
+
+<!-- footer -->
+<footer id="footer">
+	<!--
+	<div id="footer-nav">
+		<div class="container">
+		</div>
+	</div>
+	-->
+	<div id="footer-bar">
+		<div class="container">	
+			<div class="footer-info">
+				<table class="inline">
+					<tr>
+						<td class="logo"><img alt="Empire-db" src="../res/empire-db-sg.png" /></td>
+						<td class="info">
+							<span>Copyright © The Apache Software Foundation . All Rights Reserved.</span>
+							<br/>
+							<span>Apache Empire-db, Apache, the Apache feather logo, and the Apache Empire-db logos are trademarks of The Apache Software Foundation.</span>
+						</td>
+					</tr>
+				</table>
+			</div>
+		</div>
+	</div>
+</footer>
+
+<a id="goto-top" href="#top"><span class="icon"></span></a>
+
+</div>
+<!-- #BeginEditable "page setup" -->
+<script type="text/javascript">
+	window.onload = function () {
+		Page.init("mi.download");
+	}
+</script>
+<!-- #EndEditable -->
+</body>
+<!-- #EndTemplate -->
+</html>

Propchange: empire-db/site/preview-v3/pages/download.html
------------------------------------------------------------------------------
    svn:mime-type = text/plain