Creates sample home page with jquery and bulma

This commit is contained in:
2024-05-15 00:07:02 +02:00
parent 12706475fd
commit 70659ca292
5 changed files with 94 additions and 128 deletions

View File

@ -4,24 +4,88 @@
<meta charset="UTF-8">
<title>NeutralinoJs sample app</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="lib/bulma.min.css">
<script src="lib/jquery-3.7.1.min.js"></script>
<script src="js/main.js"></script>
</head>
<body>
<div id="neutralinoapp">
<h1>NeutralinoJs</h1>
<div id="info"></div>
<br/>
<img src="./icons/logo.gif" alt="Neutralinojs" />
<div>
<a href="#" onclick="openDocs();">Docs</a> &middot;
<a href="#" onclick="openTutorial();">Video tutorial</a>
<!-- Main content -->
<section class="section">
<div class="container">
<h1 class="title">Welcome to the App Home</h1>
<h2 class="subtitle">Choose an app to get started</h2>
<!-- App Menu -->
<div class="columns is-multiline">
<div class="column is-one-third" id="home-btn-1">
<a href="#" class="box">
<article class="media">
<div class="media-left">
<figure class="image is-64x64">
<img src="https://via.placeholder.com/64" alt="App 1">
</figure>
</div>
<div class="media-content">
<div class="content">
<p>
<strong>Coperate clearer</strong>
<br>
Clear your text from sensible data
</p>
</div>
</div>
</article>
</a>
</div>
<div class="column is-one-third" id="home-btn-2">
<a href="#" class="box">
<article class="media">
<div class="media-left">
<figure class="image is-64x64">
<img src="https://via.placeholder.com/64" alt="App 2">
</figure>
</div>
<div class="media-content">
<div class="content">
<p>
<strong>Configuration</strong>
<br>
Manage configurations
</p>
</div>
</div>
</article>
</a>
</div>
<div class="column is-one-third" id="home-btn-3">
<a href="#" class="box">
<article class="media">
<div class="media-left">
<figure class="image is-64x64">
<img src="https://via.placeholder.com/64" alt="App 3">
</figure>
</div>
<div class="media-content">
<div class="content">
<p>
<strong>About</strong>
<br>
View license details
</p>
</div>
</div>
</article>
</a>
</div>
<!-- Add more apps here as needed -->
</div>
</div>
</section>
<!-- Neutralino.js client. This file is gitignored,
because `neu update` typically downloads it.
Avoid copy-pasting it.
-->
<script src="js/neutralino.js"></script>
<!-- Your app's source files -->
<script src="js/main.js"></script>
</body>
</html>