Index: trunk/www/sites/www/products/kirigami/index.php
===================================================================
--- trunk/www/sites/www/products/kirigami/index.php	(revision 1530242)
+++ trunk/www/sites/www/products/kirigami/index.php	(revision 1530243)
@@ -1,315 +1,315 @@
 <?php
     require('../../aether/config.php');
 
     $pageConfig = array_merge($pageConfig, [
         'title' => "Kirigami"
     ]);
 
     require('../../aether/header.php');
     $site_root = "../../";
 ?>
 
 <main class="container">
 
 <h1>Kirigami</h1>
 
 <style>
 	
 	#main article { /* Old kde.org fix */
 		margin: 0px -26px;
 		text-shadow: none !important;
 		text-align: center;
 	}
 	
 	main article {
 		padding: 20px;
 		text-align: center;
 	}
 	
 	main article + article,
 	#main article + article {
 		border-top: solid 2px rgba(0,0,0,.1);
 	}
 	
 	main.container section {
 		padding: 0px;
 	}
 	
 	.splashLogo {
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		flex-direction: column;
 		
 		background-image: url(kirigami-splash.jpg);
 		background-size: cover;
 		background-position: left center;
 		border-top-left-radius: 2px;
 		border-top-right-radius: 2px;
 		
 	}
 	
 	.splashLogo h1 {
 		color: #FAFAFA !important;
 		font-size: 32px !important;
 		line-height: 120%;
 		background-image: none !important;
 	}
 	
 	.splashLogo p {
 		color: #FCFCFC !important;
 		line-height: 120% !important;
 	}
 	
 	main.container section > article, #main article {
 		min-height: 600px;
 	}
 	
 	@media(max-width: 1200px) {
 		main.container section > article, #main article {
 			min-height: 500px;
 		}
 	}
 	
 	@media(max-width: 992px) {
 		main.container section > article, #main article {
 			min-height: 400px;
 		}
 	}
 	
 	@media(max-width: 768px) {
 		main.container section > article, #main article {
 			min-height: 300px;
 		}
 	}
 	
 	.columns {
 		padding: 0px !important;
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		flex-direction: row;
 		min-height: 100%;
 		align-items: stretch;
 	}
 	
 	.columns > div {
 		display: flex;
 		align-items: center;
 		justify-content: center;
 		flex-direction: column;
 		padding: 20px;
 	}
 	
 	@media(max-width: 768px) {
 		.columns {
 			flex-direction: column;
 		}
 		.columns > div {
 			border: none !important;
 			width: 100% !important;
 		}
 	}
 	
 	main .image,
 	#main .image {
 		background-origin: content-box;
 		padding: 20px;
 		background-repeat: no-repeat;
 	}
 	
 	.section-convergent .image {
 		background-image: url(kirigami-devices.png);
 		background-size: auto 100%;
 		background-position: center right;
 		width: 60%;
 		padding-bottom: 0px;
 	}
 	
 	@media(max-width: 768px) {
 		.section-convergent .image {
 			height: 300px;
 			width: 100% !important;
 		}
 	}
 	
 	.section-responsive
 	{
 		background-color:#28618c;
 		background-image: linear-gradient(#4080b0 1px, transparent 1px),
 			linear-gradient(90deg, #4080b0 1px, transparent 1px),
 			linear-gradient(#34719e 1px, transparent 1px),
 			linear-gradient(90deg, #34719e 1px, transparent 1px);
 		background-size:100px 100px, 100px 100px, 20px 20px, 20px 20px;
 		background-position: center center;
 		
 		align-items: stretch;
 		min-height: 0px !important;
 		color: #FFF  !important;
 	}
 	
 	.section-responsive h1
 	{
 	padding-top: 20px;
 		background: none !important;
 		color: #FFF !important;
 	}
 	
 	.section-responsive p
 	{
 		padding: 0px 20px 20px !important;
 		color: #FFF !important;
 	}
 	
 	.section-responsive .image {
 		background-image: url(kirigami-adapt.png);
 		background-size: contain;
 		background-position: center center;
 		height: 60%;
 		width: 100%;
 		background-repeat: no-repeat;
 		flex: 1 ;
 		height: 400px;
 	}
 	
 	@media(max-width: 768px) {
 		.section-responsive .image {
 			height: 300px;
 		}
 	}
 	
 	
 	.section-links {
 		flex-direction: row;
 		text-align: center;
 		min-height: auto !important;
 	}
 	
 	.section-links .section-links-content div {
 		width: 50%;
 	}
 	
 	.section-links .section-links-content div + div {
 		border-left: solid 1px rgba(0,0,0,.1);
 	}
 	
 	.section-links h1 {
 		border-bottom: solid 1px rgba(0,0,0,.1);
 		padding-bottom: 20px;
 	}
 	
 	.section-links-content a {
 		display: inline-block;
 		color: #feefe2 !important;
 		background-color: #e4720c;
 		border-radius: 2px;
 		padding: 10px 20px;
 	}
 	
 	.section-links-content a:hover {
 		background-color: #f37a0d;
 	}
 	
 	.section-elegant {
 		flex-direction: row-reverse; 
 	}
 	
 	.section-elegant .image {
 		width: 60%;
 		background-image: url(subsurface.png);
 		background-size: contain;
 		background-repeat: no-repeat;
 		background-position: center center;
 	}
 	
 	.section-open {
 		background-image: url(community.jpg);
 		background-size: cover;
 		background-repeat: no-repeat;
 		background-position: center center;
 	}
 	.section-open * {
 		color: #FFF !important;
 		background: none !important;
 		text-shadow: 0px 0px 5px rgba(0,0,0,.5) !important;
 	}
 </style>
 
 
 <article class="splashLogo">
 	<h1>Introducing Kirigami UI</h1>
 	<p>Convergent. Responsive. Elegant. Open.</p>
 </article>
 
 
 <article class="section-links">
 	<h1>Get Started</h1>
 	<div class="section-links-content columns">
 		<div>
 			<h2>Developer Documentation</h2>
 			<p>
 				Implement an application in Kirigami with Qt and QML.
 			</p>
 			<a href="https://api.kde.org/frameworks/kirigami/html/index.html" target="_blank">Learn more</a>
 		</div>
 		<div>
 			<h2>Design Guidelines</h2>
 			<p>
 				Use Kirigami standards to their fullest for a flexible and consistent user experience.
 			</p>
-			<a href="https://community.kde.org/KDE_Visual_Design_Group/KirigamiHIG" target="_blank">Learn more</a>
+			<a href="https://hig.kde.org/" target="_blank">Learn more</a>
 		</div>
 	</div>
 </article>
 
 <article class="section-convergent columns">
 	<div class="image"></div>
 	<div>
 		<h1>Convergent.</h1>
 		<p>
 			The line between desktop and mobile is blurring, and users expect the same quality
 			experience on every device. Applications using Kirigami adapt brilliantly to
 			mobile, desktop, and everything in between.
 		</p>
 	</div>
 </article>
 
 <article class="section-responsive">
 	<div class="image"></div>
 	<div>
 		<h1>Responsive.</h1>
 		<p>
 			Kirigami apps adapt to more than just the devices we use them on, always 
 			offering the optimal layout depending on how they are used by your audience.
 		</p>
 	</div>
 </article>
 
 <article class="section-elegant columns">
 	<div class="image"></div>
 	<div>
 		<h1>Elegant.</h1>
 		<p>
 			Kirigami is smooth and animated, uses consistent components, 
 			and a clearly defined workflow. People using Kirigami will appreciate the
 			smart workflow and no-gimmick design.
 		</p>
 	</div>
 </article>
 
 <article class="section-open columns">
 	<div class="image"></div>
 	<div>
 		<h1>Open.</h1>
 		<p>
 			Kirigami is built entirely on open technologies by the KDE community, 
 			developers will never need to pay fees for it, nor will they be locked into 
 			a specific platform. Be confident knowing that Kirigami gives control back 
 			to developers, 
 		</p>
 	</div>
 </article>
 
 </main>
 <?php
   require('../aether/footer.php');