-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
119 lines (116 loc) · 6.13 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A simple, efficient and powerful node-based image editor.">
<meta name="keywords" content="image, editor, node-based, python, dearpygui, open-source, free, gpl-3.0, ai, machine learning, neural network">
<meta name="author" content="Cresliant">
<meta property="og:title" content="Cresliant | A node-based image editor">
<meta property="og:description" content="Discover Cresliant, a node-based image editor that is simple, efficient, and powerful.">
<meta property="og:image" content="https://cresliant.github.io/img/icon.ico">
<meta property="og:url" content="https://cresliant.github.io/">
<title>Cresliant | A node-based image editor</title>
<link href="https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" rel="stylesheet">
<link rel="stylesheet" href="css/pure/pure-min.css">
<link rel="stylesheet" href="css/pure/grids-responsive-min.css">
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" href="img/icon.ico">
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "66ynp1dg23");
</script>
</head>
<body>
<div class="custom-navbar-wrapper pure-g" id="menu">
<div class="pure-u-1 pure-u-md-3-24">
<div class="pure-menu">
<a href="/" class="pure-menu-heading custom-brand"><img class="logo-brand" src="img/icon.ico"></a>
<a href="#" class="custom-toggle" id="toggle"><s class="bar"></s><s class="bar"></s></a>
</div>
</div>
<div class="pure-u-1 pure-u-md-3-24">
<div class="pure-menu pure-menu-horizontal custom-can-transform menu-bar-items">
<ul class="pure-menu-list">
<li class="pure-menu-item"><a href="https://github.com/Cresliant/Cresliant/releases" class="pure-menu-link">Download</a></li>
<li class="pure-menu-item"><a href="https://github.com/Cresliant/Cresliant/discussions" class="pure-menu-link">Community</a></li>
</ul>
</div>
</div>
</div>
<div class="main-hero">
<div class="pure-g">
<div class="pure-u-1 pure-u-lg-2-5">
<h1>Cresliant: A powerful node-based image editor with a focus on simplicity and efficiency</h1>
<h2>Join us in our journey to make the best image editor.</h2>
<a class="button-primary pure-button" href="https://github.com/Cresliant/Cresliant/">Contribute</a>
</div>
<div class="pure-u-1 pure-u-lg-3-5">
<div class="m-4 text-center ml-2">
<video autoplay loop muted="true" class="pure-img" width=900 >
<source src="img/cresliant-demo.mp4" type="video/mp4" />
</video>
</div>
</div>
</div>
<div class="pure-g section">
<div class="pure-u-1 pure-u-sm-1-4">
<i class="ri-open-source-line ri-3x"></i>
<strong>GPL-3.0 License | Open source</strong>
</div>
<div class="pure-u-1 pure-u-sm-1-4">
<i class="ri-node-tree ri-3x"></i>
<strong>Node-based image editor</strong>
</div>
<div class="pure-u-1 pure-u-sm-1-4">
<i class="ri-cpu-line ri-3x"></i>
<strong>Low CPU usage and file size (less than 20MB)</strong>
</div>
<div class="pure-u-1 pure-u-sm-1-4">
<i class="ri-code-box-line ri-3x"></i>
<strong>Plugin support</strong>
</div>
</div>
</div>
<div class="release-section">
<div class="pure-g">
<div class="pure-u-1 pure-u-lg-2-5">
<img class="pure-img" src="img/demo-image.png">
</div>
<div class="pure-u-1 pure-u-lg-3-5">
<div class="release">
<h3>Try it out!</h3>
<p>Experience the latest version of Cresliant. Download the pre-built executable for Windows or refer to the documentation for installation instructions on other systems.</p>
<a class="button-primary pure-button mt" href="https://github.com/Cresliant/Cresliant/releases/">Download</a>
</div>
</div>
</div>
</div>
<div id="plugins" class="plugins-section">
<div class="header">
<h4>Enhance your Cresliant experience</h4>
<p>Cresliant offers extensive plugin support. Explore community-made plugins to enhance your editing experience.</p>
</div>
<div class="pure-g plugins">
<div class="pure-u-1">
<a target="_blank" rel="noopener" href="https://github.com/Potatooff/Crunchy-Crescent"><h5>Crunchy-Crescent</h5></a>
<p>Introduce AI to your projects with Crunchy-Crescent, a plugin that enables image generation using AI.</p>
</div>
</div>
</div>
<div class="footer-section">
<h5>Love Cresliant? Join the Community!</h5>
<a class="button-primary pure-button" href="https://github.com/Cresliant/Cresliant/releases/">Download</a>
<a class="button-secondary-light pure-button" href="https://github.com/Cresliant/Cresliant">Github Repository <i class="ri-arrow-right-line"></i></a>
<div class="footer-icons">
<a href="https://github.com/Cresliant"><i class="ri-github-fill ri-3x"></i></a>
</div>
<p>Cresliant is a node-based image editor built in Python and dearpygui, licensed under the GPL-3.0 License.</p>
</div>
<script src="js/main.js"></script>
</body>
</html>