update some pages

site/src/index.html

@@ -27,17 +27,17 @@
         <div class="slider" style="width: 100vw; height: 80vh;">
             <div class="slider-container">
                 <div class="slider-element current" style="background-image: url( 'https://store-cdn.janishutz.com/assets/promo-images/math-summaries-desktop.jpg' );">
-                    <h1>Software for your needs</h1>
+                    <h2>Software for your needs</h2>
                     <p>Professional-Grade Software</p>
                     <a href="https://store.janishutz.com" class="button">Store</a>
                 </div>
                 <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/promo-images/libreevent-desktop.jpg' );">
-                    <h1>Custom Websites</h1>
+                    <h2>Custom Websites</h2>
                     <p>Built from the ground up specifically for you, no frameworks used!</p>
                     <a href="https://development.janishutz.com" class="button">Order now</a>
                 </div>
                 <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/promo-images/donate-desktop.jpg' );">
-                    <h1>Open Source Projects</h1>
+                    <h2>Open Source Projects</h2>
                     <p>Free Software, developed by Janis Hutz & the community</p>
                     <a href="/projects/#foss" class="button">Discover them!</a>
                 </div>
@@ -48,9 +48,6 @@
 
         <div class="content">
             <h1>My work</h1>
-            <div class="side-by-side">
-                
-            </div>
         </div>
 
 

site/src/projects/index.html

@@ -6,7 +6,7 @@
         <link rel="stylesheet" href="/css/style.css">
         
         <!-- SEO -->
-        <title>libreevent - free and open source event management solution | janishutz.com</title>
+        <title>Projects | janishutz.com</title>
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <meta charset="UTF-8" />
         <meta http-equiv="X-UA-Compatible" content="IE=7" />
@@ -14,7 +14,7 @@
         <meta name="description" content="" />
         <meta name="og:title" content="" />
         <meta name="og:description" content="" />
-        <meta name="og:image" content="https://static.janishutz.com/seo/home-card.jpg" />
+        <meta name="og:image" content="https://static.janishutz.com/seo/projects-card.jpg" />
         <meta name="og:type" content="website" />
         <meta name="og:url" content="https://janishutz.com" />
         <meta name="og:locale" content="en_GB" />
@@ -36,30 +36,14 @@
                 <div class="slider-element current" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );">
                     <a href="/projects/libreevent" class="button" style="margin-top: 30%;">libreǝvent</a>
                 </div>
-                <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-admin-eventsettings.jpg' );">
+                <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );">
-                    <h1>Create Events with Ease</h1>
+                    <a href="/projects/libreevent" class="button" style="margin-top: 30%;">libreǝvent</a>
-                    <p>Using the libreǝvent's powerful admin panel</p>
-                    <a href="https://libreevent.janishutz.com/docs/admin-panel/" class="button">Docs</a>
                 </div>
-                <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-admin-seatplan-editor.jpg' );">
+                <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );">
-                    <h1>Create seat plans</h1>
+                    <a href="/projects/libreevent" class="button" style="margin-top: 30%;">libreǝvent</a>
-                    <p>libreǝvent's seat plan editor is designed to make this as easy as possible</p>
-                    <a href="https://libreevent.janishutz.com/docs/admin-panel/seatplan-editor" class="button">Docs</a>
                 </div>
-                <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-all-events.jpg' );">
+                <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );">
-                    <h1>Order Tickets</h1>
+                    <a href="/projects/libreevent" class="button" style="margin-top: 30%;">libreǝvent</a>
-                    <p>on this page and give users all important data</p>
-                    <a href="https://libreevent.janishutz.com/download" class="button">Install today</a>
-                </div>
-                <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-login.jpg' );">
-                    <h1>User Accounts</h1>
-                    <p>Your customers can do everything in self-service!</p>
-                    <a href="https://libreevent.janishutz.com/download" class="button">Install today</a>
-                </div>
-                <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-ticket-sel.jpg' );">
-                    <h1>Open Source Project</h1>
-                    <p>Free Software, developed by Janis Hutz & the community</p>
-                    <a href="https://libreevent.janishutz.com" class="button">Learn more about libreǝvent</a>
                 </div>
             </div>
             <div class="slider-controls slider-control-left" onclick="sliderControl( 'previous' )">&#11164;</div>
@@ -68,19 +52,15 @@
 
         <div class="content">
             <!-- TODO: Size logo better -->
-            <img src="https://libreevent.janishutz.com/assets/logo.png" alt="libreevent logo" class="project-logo">
+            <img src="https://static.janishutz.com/logo.jpg" alt="libreevent logo" class="project-logo">
-            <h1>libreǝvent</h1>
+            <h1>Projects</h1>
 
-            <a href="/projects" class="back-button">&leftarrow; All projects</a>
+            <p>Discover all of my software projects</p>
-            <p>Free & Open Source Event Management & Ticketing Solution</p>
 
-            <hr class="pullquote-lines">
+            <h3 id="foss">Open Source Projects</h3>
-                <h3 class="content-title-small">Why use a commercial event management solution, if you can host a more flexible one yourself?</h3>
+            <div class=""></div>
-            <hr class="pullquote-lines">
         </div>
 
-        <div id="yt-embed"></div>
-
 
         <footer></footer>
 
@@ -88,7 +68,6 @@
         <script src="https://static.janishutz.com/js/yt-embed.js"></script>
         <script src="https://static.janishutz.com/js/slider.js"></script>
         <script>
-            YTEmbed( 'yt-embed', 'UYMa-xTyZYo' );
             activateSlider( 7500 );
         </script>    
     </body>

site/src/projects/libreevent/index.html

@@ -14,7 +14,7 @@
         <meta name="description" content="" />
         <meta name="og:title" content="" />
         <meta name="og:description" content="" />
-        <meta name="og:image" content="https://static.janishutz.com/seo/home-card.jpg" />
+        <meta name="og:image" content="https://static.janishutz.com/seo/projects/libreevent.jpg" />
         <meta name="og:type" content="website" />
         <meta name="og:url" content="https://janishutz.com" />
         <meta name="og:locale" content="en_GB" />
@@ -37,12 +37,12 @@
                     <a href="https://libreevent.janishutz.com" class="button" style="margin-top: 30%;">Project Website</a>
                 </div>
                 <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-admin-eventsettings.jpg' );">
-                    <h1>Create Events with Ease</h1>
+                    <h2>Create Events with Ease</h2>
                     <p>Using the libreǝvent's powerful admin panel</p>
                     <a href="https://libreevent.janishutz.com/docs/admin-panel/" class="button">Docs</a>
                 </div>
                 <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-admin-seatplan-editor.jpg' );">
-                    <h1>Create seat plans</h1>
+                    <h2>Create seat plans</h2>
                     <p>libreǝvent's seat plan editor is designed to make this as easy as possible</p>
                     <a href="https://libreevent.janishutz.com/docs/admin-panel/seatplan-editor" class="button">Docs</a>
                 </div>
@@ -52,12 +52,12 @@
                     <a href="https://libreevent.janishutz.com/download" class="button">Install today</a>
                 </div>
                 <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-login.jpg' );">
-                    <h1>User Accounts</h1>
+                    <h2>User Accounts</h2>
                     <p>Your customers can do everything in self-service!</p>
                     <a href="https://libreevent.janishutz.com/download" class="button">Install today</a>
                 </div>
                 <div class="slider-element" style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-ticket-sel.jpg' );">
-                    <h1>Open Source Project</h1>
+                    <h2>Open Source Project</h2>
                     <p>Free Software, developed by Janis Hutz & the community</p>
                     <a href="https://libreevent.janishutz.com" class="button">Learn more about libreǝvent</a>
                 </div>
@@ -81,6 +81,12 @@
 
         <div id="yt-embed"></div>
 
+        <div class="content">
+            <h2>Project Website</h2>
+            <p>libreevent has its own project website, where you can learn more about the project, find documentation and a guide on how to install it.</p>
+            <a href="https://libreevent.janishutz.com" target="_blank" class="button">Project Website</a>
+        </div>
+
 
         <footer></footer>