Files F15574226

No OneTemporary
Actions

File Metadata

Created
Thu, Apr 25, 10:20 AM

View Options

Index: trunk/www/sites/www/products/kirigami/community.jpg
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/www/sites/www/products/kirigami/community.jpg
===================================================================
--- trunk/www/sites/www/products/kirigami/community.jpg (nonexistent)
+++ trunk/www/sites/www/products/kirigami/community.jpg (revision 1504336)
Property changes on: trunk/www/sites/www/products/kirigami/community.jpg
___________________________________________________________________
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: trunk/www/sites/www/products/kirigami/index.php
===================================================================
--- trunk/www/sites/www/products/kirigami/index.php (nonexistent)
+++ trunk/www/sites/www/products/kirigami/index.php (revision 1504336)
@@ -0,0 +1,306 @@
+<?php
+ $page_title = "Kirigami";
+ include ("header.inc");
+?>
+
+<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>
+ </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>
+
+<?php
+ // footer
+ include ("footer.inc");
+?>
Property changes on: trunk/www/sites/www/products/kirigami/index.php
___________________________________________________________________
Added: svn:executable
## -0,0 +1 ##
+*
\ No newline at end of property
Index: trunk/www/sites/www/products/kirigami/kirigami-adapt.png
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/www/sites/www/products/kirigami/kirigami-adapt.png
===================================================================
--- trunk/www/sites/www/products/kirigami/kirigami-adapt.png (nonexistent)
+++ trunk/www/sites/www/products/kirigami/kirigami-adapt.png (revision 1504336)
Property changes on: trunk/www/sites/www/products/kirigami/kirigami-adapt.png
___________________________________________________________________
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: trunk/www/sites/www/products/kirigami/kirigami-devices.png
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/www/sites/www/products/kirigami/kirigami-devices.png
===================================================================
--- trunk/www/sites/www/products/kirigami/kirigami-devices.png (nonexistent)
+++ trunk/www/sites/www/products/kirigami/kirigami-devices.png (revision 1504336)
Property changes on: trunk/www/sites/www/products/kirigami/kirigami-devices.png
___________________________________________________________________
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: trunk/www/sites/www/products/kirigami/kirigami-splash.jpg
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/www/sites/www/products/kirigami/kirigami-splash.jpg
===================================================================
--- trunk/www/sites/www/products/kirigami/kirigami-splash.jpg (nonexistent)
+++ trunk/www/sites/www/products/kirigami/kirigami-splash.jpg (revision 1504336)
Property changes on: trunk/www/sites/www/products/kirigami/kirigami-splash.jpg
___________________________________________________________________
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property
Index: trunk/www/sites/www/products/kirigami/subsurface.png
===================================================================
Cannot display: file marked as a binary type.
svn:mime-type = application/octet-stream
Index: trunk/www/sites/www/products/kirigami/subsurface.png
===================================================================
--- trunk/www/sites/www/products/kirigami/subsurface.png (nonexistent)
+++ trunk/www/sites/www/products/kirigami/subsurface.png (revision 1504336)
Property changes on: trunk/www/sites/www/products/kirigami/subsurface.png
___________________________________________________________________
Added: svn:mime-type
## -0,0 +1 ##
+application/octet-stream
\ No newline at end of property