New site almost complete, still need to add images
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 40 KiB |
@@ -76,4 +76,4 @@ for ( let file in filesToParse ) {
|
||||
copyFiles( './src', '.js' );
|
||||
copyFiles( './src', '.css' );
|
||||
|
||||
console.log( '\n==> DONE\n\n' );
|
||||
console.log( '\n==> DONE\n\n' );
|
||||
|
||||
@@ -34,15 +34,15 @@
|
||||
<div class="slider-info">
|
||||
<h2>Software for your needs</h2>
|
||||
<p>Professional-Grade Software</p>
|
||||
<a href="https://store.janishutz.com" class="button">Store</a>
|
||||
<a href="https://store.janishutz.com" class="button" target="_blank">Store</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://static.janishutz.com/assets/home/home-custom.jpg' );">
|
||||
style="background-image: url( 'https://static.janishutz.com/assets/home/home-conductorcalc.jpg' );">
|
||||
<div class="slider-info">
|
||||
<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>
|
||||
<h2>ConductorCalc</h2>
|
||||
<p>The perfect tool to aid you in the complex calculations necessary when building high voltage lines</p>
|
||||
<a href="https://conductorcalc.com" class="button" target="_blank">Check it out</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
@@ -70,12 +70,12 @@
|
||||
<div class="side-by-side-item left">
|
||||
<h3>Store</h3>
|
||||
<p>Find your perfect professional-grade Software</p>
|
||||
<a href="https://store.janishutz.com" class="button">Store</a>
|
||||
<a href="https://store.janishutz.com" class="button" target="_blank">Store</a>
|
||||
</div>
|
||||
<div class="side-by-side-item right">
|
||||
<h3>Custom Websites</h3>
|
||||
<p>Find your perfect new web appearance, built from the groundup without any frameworks</p>
|
||||
<a href="https://development.janishutz.com" class="button">Check it out</a>
|
||||
<h3>ConductorCalc</h3>
|
||||
<p>Professional wire calculation software to aid in building high voltage lines safely</p>
|
||||
<a href="https://conductorcalc.com" class="button" target="_blank">ConductorCalc</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-by-side">
|
||||
@@ -83,7 +83,7 @@
|
||||
<h3>Accounts</h3>
|
||||
<p>Log into any of my services with one single account, or apply to get access to the SDKs to integrate
|
||||
them into your own projects</p>
|
||||
<a href="https://account.janishutz.com" class="button">To Account</a>
|
||||
<a href="https://account.janishutz.com" class="button" target="_blank">To Account</a>
|
||||
</div>
|
||||
<div class="side-by-side-item right">
|
||||
<h3>Free & Open Source Software</h3>
|
||||
@@ -99,9 +99,9 @@
|
||||
<a href="/projects#ios" class="button">iOS Apps</a>
|
||||
</div>
|
||||
<div class="side-by-side-item right">
|
||||
<h3>ConductorCalc</h3>
|
||||
<p>Professional wire calculation software to aid in building high voltage lines safely</p>
|
||||
<a href="https://conductorcalc.com" class="button" target="_blank">ConductorCalc</a>
|
||||
<h3>Custom Websites</h3>
|
||||
<p>Find your perfect new web appearance, built from the groundup without any frameworks</p>
|
||||
<a href="https://development.janishutz.com" class="button" target="_blank">Check it out</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -58,7 +58,8 @@
|
||||
<a href="/projects/storagemanager">StorageManager</a>
|
||||
<a href="/projects/qrscanner">QR & Barcode Insight</a>
|
||||
<a href="/projects/libreevent">libreǝvent</a>
|
||||
<a href="/projects/conductorcalc">ConductorCalc</a>
|
||||
<a href="/projects/musicplayer">MusicPlayer</a>
|
||||
<a href="https://conductorcalc.com" target="_blank">ConductorCalc</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -1,49 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
<link rel="stylesheet" href="/css/side-by-side.css">
|
||||
|
||||
<!-- SEO -->
|
||||
<title>MusicPlayer - Fully browser based with built-in remote playlist display with animations | 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" />
|
||||
<meta name="keywords" content="browser-based, music player, remote display" />
|
||||
<meta name="description"
|
||||
content="Want to show off what the currently playing song is for your next party? MusicPlayer has a lot of party-oriented features built in!" />
|
||||
<meta name="og:title"
|
||||
content="MusicPlayer - Fully browser based with built-in remote playlist display with animations" />
|
||||
<meta name="og:description"
|
||||
content="Want to show off what the currently playing song is for your next party? MusicPlayer has a lot of party-oriented features built in!" />
|
||||
<meta name="og:image" content="https://static.janishutz.com/seo/projects/musicplayer.jpg" />
|
||||
<meta name="og:type" content="website" />
|
||||
<meta name="og:url" content="https://janishutz.com/projects/musicplayer" />
|
||||
<meta name="og:locale" content="en_GB" />
|
||||
<meta property="twitter:card" content="summary_large_image">
|
||||
<meta name="theme-color" content="#152b5c">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav></nav>
|
||||
|
||||
<div class="content">
|
||||
<img src="https://static.janishutz.com/logo.jpg" alt="janishutz.com logo"
|
||||
class="project-logo">
|
||||
<h1>Accounts</h1>
|
||||
|
||||
<a href="/projects" class="back-button">← All projects</a>
|
||||
<p>Log in with just one account securely to all my services. No need for separate accounts for each service.</p>
|
||||
<a href="https://account.janishutz.com" target="_blank" class="button">To Accounts</a>
|
||||
<p style="color: red; font-style: italic; font-weight: bold;">This page is still under construction, as my accounts services are being reworked</p>
|
||||
</div>
|
||||
|
||||
|
||||
<footer></footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -30,50 +30,6 @@
|
||||
<body>
|
||||
<nav></nav>
|
||||
|
||||
<div class="slider">
|
||||
<div class="slider-container">
|
||||
<div class="slider-element current"
|
||||
style="background-image: url( 'https://static.janishutz.com/assets/store/store-main.jpg' );">
|
||||
<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' );">
|
||||
<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' );">
|
||||
<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>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-all-events.jpg' );">
|
||||
<h1>Order Tickets</h1>
|
||||
<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' );">
|
||||
<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' );">
|
||||
<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>
|
||||
</div>
|
||||
<span class="slider-controls slider-control-left material-symbols-outlined"
|
||||
onclick="sliderControl( 'previous' )">arrow_back</span>
|
||||
<span class="slider-controls slider-control-right material-symbols-outlined"
|
||||
onclick="sliderControl( 'next' )">arrow_forward
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<img src="https://github.com/janishutz/MusicPlayerV2/raw/master/assets/logo.png" alt="MusicPlayer logo"
|
||||
class="project-logo">
|
||||
|
||||
@@ -1,104 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
|
||||
<!-- SEO -->
|
||||
<title>ConductorCalc - Professional High-Voltage Line Calculation Software | 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" />
|
||||
<meta name="keywords" content="libreevent, event management, ticketing, seat plan editor, free and open source" />
|
||||
<meta name="description"
|
||||
content="libreevent is a free and open source event management solution that enables you to sell tickets for your next event, including a seat plan and many more settings." />
|
||||
<meta name="og:title" content="libreevent - free and open source event management solution" />
|
||||
<meta name="og:description"
|
||||
content="libreevent is a free and open source event management solution that enables you to sell tickets for your next event, including a seat plan and many more settings." />
|
||||
<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/projects/libreevent" />
|
||||
<meta name="og:locale" content="en_GB" />
|
||||
<meta property="twitter:card" content="summary_large_image">
|
||||
<meta name="theme-color" content="#152b5c">
|
||||
|
||||
<style>
|
||||
#yt-embed {
|
||||
width: 90vw;
|
||||
height: 50vw;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 999px) {
|
||||
#yt-embed {
|
||||
width: 70vw;
|
||||
height: 40vw;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav></nav>
|
||||
|
||||
<div class="slider">
|
||||
<div class="slider-container">
|
||||
<div class="slider-element current"
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );">
|
||||
<a href="https://conductorcalc.com" class="button" style="margin-top: 30%;">Website</a>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-admin-eventsettings.jpg' );">
|
||||
<h2>Available on every platform</h2>
|
||||
<p>ConductorCalc uses web technologies to be available on all major platforms</p>
|
||||
<a href="https://store.janishutz.com/product/com.janishutz.ConductorCalc" target="_blank" class="button">Buy now</a>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-admin-seatplan-editor.jpg' );">
|
||||
<h2></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>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-login.jpg' );">
|
||||
<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' );">
|
||||
<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>
|
||||
</div>
|
||||
<span class="slider-controls slider-control-left material-symbols-outlined" onclick="sliderControl( 'previous' )">arrow_back</span>
|
||||
<span class="slider-controls slider-control-right material-symbols-outlined" onclick="sliderControl( 'next' )">arrow_forward</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<!-- TODO: Size logo better -->
|
||||
<img src="https://cdn.conductorcalc.com/logo.jpg" alt="ConductorCalc logo" class="project-logo">
|
||||
<h1>ConductorCalc</h1>
|
||||
|
||||
<a href="/projects" class="back-button">← All projects</a>
|
||||
<p>Professional High-Voltage-Line calculation software</p>
|
||||
<a href="https://conductorcalc.com" target="_blank" class="button">ConductorCalc.com</a>
|
||||
</div>
|
||||
|
||||
<div id="yt-embed"></div>
|
||||
|
||||
|
||||
<footer></footer>
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
</html>
|
||||
@@ -56,10 +56,6 @@
|
||||
style="background-image: url( 'https://static.janishutz.com/assets/projects/qrscanner-title.jpg' );">
|
||||
<a href="/projects/qrscanner" class="button offset-button">QR & Barcode Insight</a>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://static.janishutz.com/assets/projects/store-title.jpg' );">
|
||||
<a href="/projects/store" class="button offset-button">Store</a>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://static.janishutz.com/assets/projects/musicplayer-title.jpg' );">
|
||||
<a href="/projects/musicplayer" class="button offset-button">MusicPlayer</a>
|
||||
@@ -172,7 +168,7 @@
|
||||
<img src="https://static.janishutz.com/logo.jpg" alt="janishutz.com logo" class="project-logo small-logo">
|
||||
<h3>Store</h3>
|
||||
<p>The way to buy my software and support the development of my open source software</p>
|
||||
<a href="/projects/store" class="button">Details</a>
|
||||
<a href="https://store.janishutz.com" class="button" target="_blank">Store</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-by-side">
|
||||
@@ -181,7 +177,7 @@
|
||||
<h3>Accounts</h3>
|
||||
<p>Tired of creating lots of accounts? All my services rely on a single account backend, not requiring
|
||||
you to create a new account for each</p>
|
||||
<a href="/projects/accounts" class="button">Details</a>
|
||||
<a href="https://account.janishutz.com" class="button" target="_blank">Account</a>
|
||||
</div>
|
||||
<div class="side-by-side-item right">
|
||||
<img src="https://static.janishutz.com/assets/logos/lsh.png" alt="Language School Hossegor logo" class="project-logo small-logo">
|
||||
|
||||
@@ -31,108 +31,55 @@
|
||||
<body>
|
||||
<nav></nav>
|
||||
|
||||
<div class="slider">
|
||||
<div class="slider-container">
|
||||
<div class="slider-element current"
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/musicplayer-sources.jpg' );">
|
||||
<div class="slider-info">
|
||||
<h2>Sources</h2>
|
||||
<p>Play your local music or use Apple Music (Apple Music Subscription required)</p>
|
||||
<a href="https://music.janishutz.com/" class="button">Website</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/musicplayer-fancy.jpg' );">
|
||||
<div class="slider-info">
|
||||
<h2>Shared Playlists</h2>
|
||||
<p>Seamlessly sync and display what you are currently playing on other devices. Perfect for your
|
||||
next party!</p>
|
||||
<a href="https://music.janishutz.com/get" class="button">Get it today</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/musicplayer-player.jpg' );">
|
||||
<div class="slider-info">
|
||||
<h2>Browser based</h2>
|
||||
<p>No need to install anything. Runs on any platform</p>
|
||||
<a href="https://music.janishutz.com/get" class="button">Get it today</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://static.janishutz.com/assets/musicplayer/musicplayer-main.jpg' );">
|
||||
<div class="slider-info">
|
||||
<h2>Hosted for you</h2>
|
||||
<p>Need the convenience of an already set up version?</p>
|
||||
<a href="https://music.janishutz.com/" class="button">Website</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://static.janishutz.com/assets/musicplayer/musicplayer-code.jpg' );">
|
||||
<div class="slider-info">
|
||||
<h2>Open Source</h2>
|
||||
<p>Developed by Janis Hutz & the community</p>
|
||||
<a href="https://github.com/janishutz/MusicPlayerV2" class="button">GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://static.janishutz.com/assets/musicplayer/musicplayer-home.jpg' );">
|
||||
<div class="slider-info">
|
||||
<h2>Self-Hostable</h2>
|
||||
<p>Host it yourself. You need to be member of the Apple Developer Program for access to the Apple
|
||||
Music API</p>
|
||||
<a href="https://github.com/janishutz/MusicPlayerV2/wiki/Installation" class="button">Docs</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="slider-controls slider-control-left material-symbols-outlined"
|
||||
onclick="sliderControl( 'previous' )">arrow_back</span>
|
||||
<span class="slider-controls slider-control-right material-symbols-outlined"
|
||||
onclick="sliderControl( 'next' )">arrow_forward
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<img src="https://github.com/janishutz/MusicPlayerV2/raw/master/assets/logo.png" alt="MusicPlayer logo"
|
||||
<img src="https://static.janishutz.com/assets/logos/lsh.png" alt="Language School Hossegor logo"
|
||||
class="project-logo">
|
||||
<h1>Music­Player</h1>
|
||||
<h1>Language School Hossegor Booking</h1>
|
||||
|
||||
<a href="/projects" class="back-button">← All projects</a>
|
||||
<p>Play music fully in the browser and remotely share what you are currently playing. Perfect for your next
|
||||
party!</p>
|
||||
<a href="https://music.janishutz.com" target="_blank" class="button">Get it today</a>
|
||||
<p>A booking system to handle the complex demands of this French language school. It features an advanced admin
|
||||
panel where the entire offering can be changed with incredible flexibility.</p>
|
||||
|
||||
<a href="https://booking.languageschoolhossegor.com" class="button" target="_blank">Check it out</a>
|
||||
|
||||
<hr class="divider">
|
||||
|
||||
<h2>Features</h2>
|
||||
<div class="side-by-side">
|
||||
<div class="side-by-side-item left">
|
||||
<h3>Remote Playback Status</h3>
|
||||
<p>Remotely display what is currently playing via a link you can share. There is an additional link that
|
||||
can be used to display the same information, but with animations that sync to the music (Microphone
|
||||
access required on the target device and animations will sync up to the sound audible on that
|
||||
device)</p>
|
||||
<h3>User accounts</h3>
|
||||
<p>There are user accounts where users can retrieve their invoices and view the status of their orders
|
||||
</p>
|
||||
</div>
|
||||
<div class="side-by-side-item right">
|
||||
<h3>Two Sources</h3>
|
||||
<p>You can choose between two sources for audio: Your local disk or Apple Music and you can mix the two
|
||||
in a single playlist. Cover Art and song information is fetched from the Apple Music API
|
||||
automatically if you are using the hosted version or have configured the Apple Music API
|
||||
authentication tokens</p>
|
||||
<h3>Very flexible main page</h3>
|
||||
<p>The main page dynamically loads its configuration from the backend and can thus be updated even
|
||||
during normal operation. Almost all fields displayed on the start page are dynamically rendered
|
||||
based on the configuration</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-by-side">
|
||||
<div class="side-by-side-item left">
|
||||
<h3>Fully Featured Player</h3>
|
||||
<p>All the features you'd expect from a Music Player are present in MusicPlayer. Shuffle, Repeat,
|
||||
Playlist support, adding more songs to queue, just to name a few, are all present.</p>
|
||||
<h3>Extensive admin panel</h3>
|
||||
<p>The admin panel offers all kinds of settings, ranging from the courses offered (with the complex
|
||||
handling of combinations of multiple courses all adjustable in a user interface) to accommodation
|
||||
offered, transfer, privacy policy and terms of service. Even newsletters, invoices and general mail
|
||||
can be sent using it, all using their branding</p>
|
||||
</div>
|
||||
<div class="side-by-side-item right">
|
||||
<h3>Browser based</h3>
|
||||
<p>There is no need to install anything. MusicPlayer runs fully in your browser and is thus cross
|
||||
platform. You could even run it off of your phone, if you wish!</p>
|
||||
<h3>Multi-Language Support</h3>
|
||||
<p>The entire content is available in currently two languages, with instant switch in languages thanks
|
||||
to clever design of the localization system and the use of a web-app instead of a traditional
|
||||
webpage</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="https://music.janishutz.com" target="_blank" class="button" style="margin-top: 50px;">Get it today</a>
|
||||
<hr class="divider">
|
||||
|
||||
<p>A system like this could be possible for your own adventure.</p>
|
||||
|
||||
<a href="https://support.janishutz.com/index.php?a=add&category=1" target="_blank" class="button"
|
||||
style="margin-top: 50px;">Interested?</a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
@@ -34,7 +34,7 @@
|
||||
<div class="slider">
|
||||
<div class="slider-container">
|
||||
<div class="slider-element current"
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/musicplayer-sources.jpg' );">
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/library-local.jpg' );">
|
||||
<div class="slider-info">
|
||||
<h2>Sources</h2>
|
||||
<p>Play your local music or use Apple Music (Apple Music Subscription required)</p>
|
||||
@@ -42,7 +42,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/musicplayer-fancy.jpg' );">
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/fancy.jpg' );">
|
||||
<div class="slider-info">
|
||||
<h2>Shared Playlists</h2>
|
||||
<p>Seamlessly sync and display what you are currently playing on other devices. Perfect for your
|
||||
@@ -51,7 +51,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/musicplayer-player.jpg' );">
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/player.jpg' );">
|
||||
<div class="slider-info">
|
||||
<h2>Browser based</h2>
|
||||
<p>No need to install anything. Runs on any platform</p>
|
||||
@@ -59,7 +59,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://static.janishutz.com/assets/musicplayer/musicplayer-main.jpg' );">
|
||||
style="background-image: url( 'https://static.janishutz.com/assets/musicplayer/main.jpg' );">
|
||||
<div class="slider-info">
|
||||
<h2>Hosted for you</h2>
|
||||
<p>Need the convenience of an already set up version?</p>
|
||||
@@ -67,7 +67,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://static.janishutz.com/assets/musicplayer/musicplayer-code.jpg' );">
|
||||
style="background-image: url( 'https://static.janishutz.com/assets/projects/musicplayer-title.jpg' );">
|
||||
<div class="slider-info">
|
||||
<h2>Open Source</h2>
|
||||
<p>Developed by Janis Hutz & the community</p>
|
||||
@@ -75,7 +75,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://static.janishutz.com/assets/musicplayer/musicplayer-home.jpg' );">
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/library-dark.jpg' );">
|
||||
<div class="slider-info">
|
||||
<h2>Self-Hostable</h2>
|
||||
<p>Host it yourself. You need to be member of the Apple Developer Program for access to the Apple
|
||||
|
||||
@@ -3,7 +3,6 @@
|
||||
|
||||
<head>
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
<link rel="stylesheet" href="/css/side-by-side.css">
|
||||
|
||||
@@ -16,8 +15,7 @@
|
||||
<meta name="keywords" content="browser-based, music player, remote display" />
|
||||
<meta name="description"
|
||||
content="Be safer when scanning QR codes, as the entire link will be shown to you when scanning. The app also provides the ability to scan from your photo library" />
|
||||
<meta name="og:title"
|
||||
content="QR & Barcode Insight - Be safer when scanning QR codes | janishutz.com" />
|
||||
<meta name="og:title" content="QR & Barcode Insight - Be safer when scanning QR codes | janishutz.com" />
|
||||
<meta name="og:description"
|
||||
content="Be safer when scanning QR codes, as the entire link will be shown to you when scanning. The app also provides the ability to scan from your photo library" />
|
||||
<meta name="og:image" content="https://static.janishutz.com/seo/projects/qrscanner.jpg" />
|
||||
@@ -31,120 +29,48 @@
|
||||
<body>
|
||||
<nav></nav>
|
||||
|
||||
<div class="slider">
|
||||
<div class="slider-container">
|
||||
<div class="slider-element current"
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/musicplayer-sources.jpg' );">
|
||||
<div class="slider-info">
|
||||
<h2>Sources</h2>
|
||||
<p>Play your local music or use Apple Music (Apple Music Subscription required)</p>
|
||||
<a href="https://music.janishutz.com/" class="button">Website</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/musicplayer-fancy.jpg' );">
|
||||
<div class="slider-info">
|
||||
<h2>Shared Playlists</h2>
|
||||
<p>Seamlessly sync and display what you are currently playing on other devices. Perfect for your
|
||||
next party!</p>
|
||||
<a href="https://music.janishutz.com/get" class="button">Get it today</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/musicplayer/musicplayer-player.jpg' );">
|
||||
<div class="slider-info">
|
||||
<h2>Browser based</h2>
|
||||
<p>No need to install anything. Runs on any platform</p>
|
||||
<a href="https://music.janishutz.com/get" class="button">Get it today</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://static.janishutz.com/assets/musicplayer/musicplayer-main.jpg' );">
|
||||
<div class="slider-info">
|
||||
<h2>Hosted for you</h2>
|
||||
<p>Need the convenience of an already set up version?</p>
|
||||
<a href="https://music.janishutz.com/" class="button">Website</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://static.janishutz.com/assets/musicplayer/musicplayer-code.jpg' );">
|
||||
<div class="slider-info">
|
||||
<h2>Open Source</h2>
|
||||
<p>Developed by Janis Hutz & the community</p>
|
||||
<a href="https://github.com/janishutz/MusicPlayerV2" class="button">GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://static.janishutz.com/assets/musicplayer/musicplayer-home.jpg' );">
|
||||
<div class="slider-info">
|
||||
<h2>Self-Hostable</h2>
|
||||
<p>Host it yourself. You need to be member of the Apple Developer Program for access to the Apple
|
||||
Music API</p>
|
||||
<a href="https://github.com/janishutz/MusicPlayerV2/wiki/Installation" class="button">Docs</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span class="slider-controls slider-control-left material-symbols-outlined"
|
||||
onclick="sliderControl( 'previous' )">arrow_back</span>
|
||||
<span class="slider-controls slider-control-right material-symbols-outlined"
|
||||
onclick="sliderControl( 'next' )">arrow_forward
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<img src="https://static.janishutz.com/assets/logos/qrscanner.jpg" alt="MusicPlayer logo"
|
||||
class="project-logo">
|
||||
<img src="https://static.janishutz.com/assets/logos/qrscanner.jpg" alt="MusicPlayer logo" class="project-logo">
|
||||
<h1>QR & Barcode Insight</h1>
|
||||
|
||||
<a href="/projects" class="back-button">← All projects</a>
|
||||
<p>Play music fully in the browser and remotely share what you are currently playing. Perfect for your next
|
||||
party!</p>
|
||||
<a href="https://music.janishutz.com" target="_blank" class="button">Get it today</a>
|
||||
<p>QR codes have become ever more present and they can pose significant risk. QR & Barcode Insight shows the
|
||||
full, unfiltered link to you so you can better judge if the link you are trying to open is safe. And with
|
||||
the Safe Scanning In-App-Purchase, you can be even safer, as your link is automatically looked up in
|
||||
Google's Safe Search database.</p>
|
||||
<a href="https://apps.apple.com/us/app/qr-barcode-insight/id6443884642" target="_blank" class="button">Get it today</a>
|
||||
|
||||
<hr class="divider">
|
||||
|
||||
<h2>Features</h2>
|
||||
<div class="side-by-side">
|
||||
<div class="side-by-side-item left">
|
||||
<h3>Remote Playback Status</h3>
|
||||
<p>Remotely display what is currently playing via a link you can share. There is an additional link that
|
||||
can be used to display the same information, but with animations that sync to the music (Microphone
|
||||
access required on the target device and animations will sync up to the sound audible on that
|
||||
device)</p>
|
||||
<h3>Scan from your library</h3>
|
||||
<p>Ever had to scan a QR Code displayed on your phone screen? Annoying, right? Simply take a screenshot, open QR & Barcode Insight and select the screenshot from your library to scan it.</p>
|
||||
</div>
|
||||
<div class="side-by-side-item right">
|
||||
<h3>Two Sources</h3>
|
||||
<p>You can choose between two sources for audio: Your local disk or Apple Music and you can mix the two
|
||||
in a single playlist. Cover Art and song information is fetched from the Apple Music API
|
||||
automatically if you are using the hosted version or have configured the Apple Music API
|
||||
authentication tokens</p>
|
||||
<h3>SafeScanning</h3>
|
||||
<p>For a small one-off fee of just CHF 1.00, you can purchase access to SafeScanning, providing you with added security - and you support the development of my software</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="side-by-side">
|
||||
<div class="side-by-side-item left">
|
||||
<h3>Fully Featured Player</h3>
|
||||
<p>All the features you'd expect from a Music Player are present in MusicPlayer. Shuffle, Repeat,
|
||||
Playlist support, adding more songs to queue, just to name a few, are all present.</p>
|
||||
<h3>Scan Barcodes</h3>
|
||||
<p>You can also scan barcodes, for the times, where typing them out is just too annoying.</p>
|
||||
</div>
|
||||
<div class="side-by-side-item right">
|
||||
<h3>Browser based</h3>
|
||||
<p>There is no need to install anything. MusicPlayer runs fully in your browser and is thus cross
|
||||
platform. You could even run it off of your phone, if you wish!</p>
|
||||
<h3>Various code formats</h3>
|
||||
<p>QR & Barcode Insight supports various code formats, including QR, Mini-QR, EAN-8, EAN-13 and many more.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<hr class="divider">
|
||||
|
||||
<a href="https://music.janishutz.com" target="_blank" class="button" style="margin-top: 50px;">Get it today</a>
|
||||
<a href="https://apps.apple.com/us/app/qr-barcode-insight/id6443884642" target="_blank" class="button" style="margin-top: 50px;">Get it today</a>
|
||||
</div>
|
||||
|
||||
|
||||
<footer></footer>
|
||||
|
||||
|
||||
<script src="https://static.janishutz.com/js/slider.js"></script>
|
||||
<script>
|
||||
activateSlider(7500);
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
@@ -34,36 +34,6 @@
|
||||
<body>
|
||||
<nav></nav>
|
||||
|
||||
<div class="slider">
|
||||
<div class="slider-container">
|
||||
<div class="slider-element current"
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );">
|
||||
<a href="https://apps.apple.com/us/app/storagemanager/id6443832297" class="button"
|
||||
style="margin-top: 30%;">App Store</a>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-title.jpg' );">
|
||||
<div class="slider-info">
|
||||
|
||||
<a href="https://apps.apple.com/us/app/storagemanager/id6443832297" class="button">App Store</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
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-title.jpg' );">
|
||||
<a href="/projects/libreevent" class="button" style="margin-top: 30%;">libreǝvent</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="slider-controls slider-control-left material-symbols-outlined"
|
||||
onclick="sliderControl( 'previous' )">arrow_back</span>
|
||||
<span class="slider-controls slider-control-right material-symbols-outlined"
|
||||
onclick="sliderControl( 'next' )">arrow_forward
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<img src="https://static.janishutz.com/assets/logos/storagemanager.jpg" alt="storage manager logo"
|
||||
class="project-logo">
|
||||
|
||||
@@ -1,100 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!-- CSS -->
|
||||
<link rel="stylesheet" href="https://static.janishutz.com/css/slider.css">
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
|
||||
<!-- SEO -->
|
||||
<title>Store - Buy Software and support the continuous development of open source 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" />
|
||||
<meta name="keywords" content="software store, donations" />
|
||||
<meta name="description"
|
||||
content="libreevent is a free and open source event management solution that enables you to sell tickets for your next event, including a seat plan and many more settings." />
|
||||
<meta name="og:title"
|
||||
content="Store - Buy Software and support the continuous development of open source projects" />
|
||||
<meta name="og:description"
|
||||
content="libreevent is a free and open source event management solution that enables you to sell tickets for your next event, including a seat plan and many more settings." />
|
||||
<meta name="og:image" content="https://static.janishutz.com/seo/projects/store.jpg" />
|
||||
<meta name="og:type" content="website" />
|
||||
<meta name="og:url" content="https://janishutz.com/projects/store" />
|
||||
<meta name="og:locale" content="en_GB" />
|
||||
<meta property="twitter:card" content="summary_large_image">
|
||||
<meta name="theme-color" content="#152b5c">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<nav></nav>
|
||||
|
||||
<div class="slider">
|
||||
<div class="slider-container">
|
||||
<div class="slider-element current"
|
||||
style="background-image: url( 'https://static.janishutz.com/assets/store/store-main.jpg' );">
|
||||
<a href="https://libreevent.janishutz.com" class="button offset-button">Project Website</a>
|
||||
</div>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-admin-eventsettings.jpg' );">
|
||||
<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' );">
|
||||
<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>
|
||||
<div class="slider-element"
|
||||
style="background-image: url( 'https://store-cdn.janishutz.com/assets/libreevent/libreevent-all-events.jpg' );">
|
||||
<h1>Order Tickets</h1>
|
||||
<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' );">
|
||||
<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' );">
|
||||
<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>
|
||||
</div>
|
||||
<span class="slider-controls slider-control-left material-symbols-outlined"
|
||||
onclick="sliderControl( 'previous' )">arrow_back</span>
|
||||
<span class="slider-controls slider-control-right material-symbols-outlined"
|
||||
onclick="sliderControl( 'next' )">arrow_forward
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<img src="https://static.janishutz.com/logo.jpg" alt="store logo" class="project-logo">
|
||||
<h1>Store</h1>
|
||||
|
||||
<a href="/projects" class="back-button">← All projects</a>
|
||||
<p>Support my work and buy software</p>
|
||||
<a href="https://store.janishutz.com" target="_blank" class="button">Store</a>
|
||||
|
||||
<hr class="pullquote-lines">
|
||||
<h3 class="content-title-small">Why use a commercial event management solution, if you can host a more flexible
|
||||
one yourself?</h3>
|
||||
<hr class="pullquote-lines">
|
||||
</div>
|
||||
|
||||
|
||||
<footer></footer>
|
||||
|
||||
|
||||
<script src="https://static.janishutz.com/js/slider.js"></script>
|
||||
<script>
|
||||
activateSlider(7500);
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user