finished i hope
This commit is contained in:
KZacharski
parent
bff1f2ffde
commit
eaacac7c2c
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -7,10 +7,11 @@
|
||||||
<title>diji</title>
|
<title>diji</title>
|
||||||
<link rel="icon" type="image" href="./assets/favicon.png">
|
<link rel="icon" type="image" href="./assets/favicon.png">
|
||||||
<link rel="stylesheet" type="text/css" href="style.css">
|
<link rel="stylesheet" type="text/css" href="style.css">
|
||||||
<script src="script.js"></script>
|
<link href="./assets/fontawesome/css/all.min.css" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
|
<header>
|
||||||
<div class="header">
|
<div class="header">
|
||||||
<div class="headercontent">
|
<div class="headercontent">
|
||||||
<img class="logo" src="./assets/logo.png" height="200px">
|
<img class="logo" src="./assets/logo.png" height="200px">
|
||||||
|
|
@ -18,9 +19,11 @@
|
||||||
<h2 class="headersubtitle">Create a vanilla JS project in seconds</h2>
|
<h2 class="headersubtitle">Create a vanilla JS project in seconds</h2>
|
||||||
<br>
|
<br>
|
||||||
<a href="" class="getstarted button">Get started</a>
|
<a href="" class="getstarted button">Get started</a>
|
||||||
<a href="" class="download button">Download</a>
|
<a href="https://github.com/KZacharski/diji/releases" class="download button">Download</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</header>
|
||||||
|
<main>
|
||||||
<div class="contentpart">
|
<div class="contentpart">
|
||||||
<div class="contentgrid">
|
<div class="contentgrid">
|
||||||
<div class="tablephoto">
|
<div class="tablephoto">
|
||||||
|
|
@ -39,10 +42,73 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="tabletext2">
|
<div class="tabletext2">
|
||||||
<h1 class="contenttext">Works everywhere</h1>
|
<h1 class="contenttext">Works everywhere</h1>
|
||||||
<h3 class="contenttext2">Either move it to your projects folder (for example documents) or add it to your $PATH and use it everywhere</h3>
|
<h3 class="contenttext2">Either move it to your projects folder (for example documents) or add it to your $PATH and use it everywhere.</h3>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="contentpart">
|
||||||
|
<div class="contentgrid">
|
||||||
|
<div class="tablephoto">
|
||||||
|
<img src="./assets/content3.png" class="contentimage">
|
||||||
|
</div>
|
||||||
|
<div class="tabletext">
|
||||||
|
<h1 class="contenttext">Fast and lightweight</h1>
|
||||||
|
<h3 class="contenttext2">While most similar tools (usually for frameworks and generally more advanced) are based on NodeJS, diji is written in go and compiled to a binary.</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="contentpart2">
|
||||||
|
<div class="contentgrid2">
|
||||||
|
<div class="tablephoto2">
|
||||||
|
<img src="./assets/content4.png" class="contentimage2">
|
||||||
|
</div>
|
||||||
|
<div class="tabletext2">
|
||||||
|
<h1 class="contenttext">Favicons by default</h1>
|
||||||
|
<h3 class="contenttext2">Paste your logo or anything you want to use as the default favicon to diji's config folder and it will be added to every project created.</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="contentpart">
|
||||||
|
<div class="contentgrid">
|
||||||
|
<div class="tablephoto">
|
||||||
|
<img src="./assets/content5.png" class="contentimage">
|
||||||
|
</div>
|
||||||
|
<div class="tabletext">
|
||||||
|
<h1 class="contenttext">Perfectly multiplatform</h1>
|
||||||
|
<h3 class="contenttext2">diji works just as well on macOS, Linux and Windows.</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="contentpart2">
|
||||||
|
<div class="contentgrid2">
|
||||||
|
<div class="tablephoto2">
|
||||||
|
<img src="./assets/content6.png" class="contentimage2">
|
||||||
|
</div>
|
||||||
|
<div class="tabletext2">
|
||||||
|
<h1 class="contenttext">Open source</h1>
|
||||||
|
<h3 class="contenttext2">Add more features, fix my spaghetti code, create your own fork. Thanks to open source code on the MIT license you can help make diji better or fully adapt it to your needs.</h3>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="header" style="padding: 20px; padding-bottom: 30px;">
|
||||||
|
<div class="headercontent">
|
||||||
|
<h2 class="headersubtitle" style="font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 30pt;">Ready to give diji a try?</h2>
|
||||||
|
<br>
|
||||||
|
<a href="" class="getstarted button">Get started</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
<div class="footer">
|
||||||
|
<p>Created by <a class="footerlink" href="https://puffercat.xyz">KZacharski (Puffercat)</a></p>
|
||||||
|
<p>Both this website and diji itself are open source on the MIT license.</p>
|
||||||
|
<p>Project created with diji 1.0</p>
|
||||||
|
<a href="https://github.com/KZacharski/diji" class="footerlink faicon"><i class="fa-brands fa-github"></i></a>
|
||||||
|
<a href="" class="footerlink faicon"><i class="fa-solid fa-book"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
<div>
|
<div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -52,7 +52,8 @@ margin-top: 20px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: 17pt;
|
font-size: 17pt;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
display: inline-block
|
display: inline-block;
|
||||||
|
transition: transform .2s;
|
||||||
} .getstarted {
|
} .getstarted {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
color: black;
|
color: black;
|
||||||
|
|
@ -70,6 +71,30 @@ margin-top: 20px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.button:hover {
|
||||||
|
/* box-shadow: 0px 3px 10px 0px #0000007c;*/
|
||||||
|
transform: scale(1.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
text-align: center;
|
||||||
|
padding: 10px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.faicon {
|
||||||
|
font-size: 25pt;
|
||||||
|
margin: 10px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
.footerlink {
|
||||||
|
color: white;
|
||||||
|
transition: .2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.footerlink:hover {
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
.contentpart2 {
|
.contentpart2 {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue