-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
146 lines (143 loc) · 9.49 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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!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="Next-generation of the non-destructive, node-based 2D image graphics editor. Join us in planning/development for the next-generation of Gimel Studio to make it a truly usable tool for editing images">
<title>Gimel Studio – Open source, non-destructive 2D image graphics editor</title>
<meta name="google-site-verification" content="ULNnsUZvRYm0LhYdG-WLkl1LLTJ08TiOoyT-Z43pJEA" />
<link rel="preconnect" href="https://api.fonts.coollabs.io">
<link href="https://api.fonts.coollabs.io/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">
</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.png"></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/GimelStudio/GimelStudio/releases" class="pure-menu-link">Download</a></li>
<li class="pure-menu-item"><a href="https://github.com/GimelStudio/GimelStudio/discussions" class="pure-menu-link">Support</a></li>
<li class="pure-menu-item"><a href="https://github.com/GimelStudio/GimelStudio" class="pure-menu-link">Get Involved</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>Non-destructive, 2D image editor focused on simplicity, speed, elegance, and usability.</h1>
<h2>Join us in development of the next generation of Gimel Studio to make it a truly usable tool for editing images!</h2>
<a class="button-primary pure-button" href="https://github.com/GimelStudio/GimelStudio">Get Involved</a>
</div>
<div class="pure-u-1 pure-u-lg-3-5">
<div class="m-4 text-center ml-2">
<img class="pure-img" src="img/gs-wip-demo.gif" alt="Current progress of Gimel Studio development">
<small class="info">Early demo of the current progress of development as of 1/10/2022</small>
</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>100% Open Source</strong>
</div>
<div class="pure-u-1 pure-u-sm-1-4">
<i class="ri-node-tree ri-3x"></i>
<strong>Fully Node-Based</strong>
</div>
<div class="pure-u-1 pure-u-sm-1-4">
<i class="ri-cpu-line ri-3x"></i>
<strong>CPU + GPU Processing</strong>
</div>
<div class="pure-u-1 pure-u-sm-1-4">
<i class="ri-code-box-line ri-3x"></i>
<strong>Python Nodes API</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/gimel-studio-v0.6.0-pre-alpha-2.jpg">
</div>
<div class="pure-u-1 pure-u-lg-3-5">
<div class="release">
<h3>Gimel Studio v0.6.0 pre-alpha 2</h3>
<p>Try the latest pre-alpha version of Gimel Studio! This pre-alpha release has basic funtionality implemented and is mainly meant as a test version.</p>
<p>It is important to note that this is a pre-release and is by no means feature complete. There are also some known issues, so just know that many things will change from what is currently here.</p>
<a class="button-primary pure-button mt" href="https://github.com/GimelStudio/GimelStudio/releases">Download</a>
</div>
</div>
</div>
</div>
<div id="goals" class="goals-section">
<div class="header">
<h4>Some Goals for the Next Generation of Gimel Studio</h4>
<p>This is work-in-progress and is subject to change. Some features listed here are implemented already in the Next Generation of Gimel Studio (v0.6.x series).<br> We are working towards an MVP application which will showcase most (if not all) of the features listed (and not listed) here.</p>
</div>
<div class="pure-g goals">
<div class="pure-u-1 pure-u-md-1-3">
<h5>Professional File Format Support</h5>
<p>OpenImageIO is used for image IO in Gimel Studio and is a library for reading, writing, and processing images in a wide variety of file formats. It is used in professional, large-scale visual effects and feature film animation, and it is used ubiquitously by large VFX studios, as well as incorporated into many commercial products.</p>
</div>
<div class="pure-u-1 pure-u-md-1-3">
<h5>Python API for Custom Nodes</h5>
<p>At the core of Gimel Studio is a powerful Python + GLSL shader API for users to script their own custom nodes. Custom nodes are treated like plugins and will have a node manager to allow users to choose which nodes the user wants for their particular installation.</p>
</div>
<div class="pure-u-1 pure-u-md-1-3">
<h5>Non-Destructive Workflow</h5>
<p> Gimel Studio has a non-destructive workflow, powered via nodes — by default. A major advantage of Gimel Studio and other node-based editing tools is the possibility to always adjust the final result by editing values in any step of the process. Because each modification is stored inside a single node, you can target your changes and minimize wasted time.</p>
</div>
</div>
<div class="pure-g goals">
<div class="pure-u-1 pure-u-md-1-3">
<h5>32-bit Support and Color Management</h5>
<p>We will be aiming to support a 32-bit pipeline and color management via OpenImageIO and OpenColorIO.</p>
</div>
<div class="pure-u-1 pure-u-md-1-3">
<h5>Software Integrations</h5>
<p>Integration of other software file formats, etc is planned.</p>
</div>
<div class="pure-u-1 pure-u-md-1-3">
<h5>GPU and CPU Processing</h5>
<p>We are using GLSL shaders to leverage GPU and CPU processing while aiming to be seamlessly cross-platform on Windows, Linux and macOS (64-bit systems only).</p>
</div>
</div>
<div class="pure-g goals">
<div class="pure-u-1 pure-u-md-1-3">
<h5>Interactive Viewport Gizmos</h5>
<p>Helpful gizmos in the interactive viewport will be created via the API to be used to do various editing tasks and speed up the workflow for things like transforms, crop, and more.</p>
</div>
<div class="pure-u-1 pure-u-md-1-3">
<h5>Shareable Node Graph Templates</h5>
<p>Preset node graph templates can be created, used, and shared with others to save time setting up common node setups for various editing tasks. These would be selectable on program launch and when creating a new project. These are different than normal Gimel Studio project files in that they only include the nodes pre-setup as a starting point for a project.</p>
</div>
<div class="pure-u-1 pure-u-md-1-3">
<h5>Vector Graphics Support</h5>
<p>Vector graphics support is planned via Skia or another graphics API. At the moment, we’re not sure how much support there will be, but it is definately a goal.</p>
</div>
</div>
</div>
<div class="footer-section">
<h5>Be a Part of the Next Generation of Gimel Studio.</h5>
<a class="button-primary pure-button" href="https://github.com/GimelStudio/GimelStudio/releases">Download</a>
<a class="button-secondary-light pure-button" href="https://github.com/GimelStudio/GimelStudio">Github Repository <i class="ri-arrow-right-circle-fill"></i></a>
<div class="footer-icons">
<a href="https://github.com/GimelStudio"><i class="ri-github-fill ri-3x"></i></a>
<a href="https://www.youtube.com/channel/UCP9CNtBPMPRwOR4jUiMMkhQ"><i class="ri-youtube-fill ri-3x"></i></a>
</div>
<p>Gimel Studio is a node-based, non-destructive, 2D image editor focused on simplicity, speed, elegance, and usability.</p>
<small>Website <a class="normal-link" href="https://github.com/GimelStudio/gimelstudio.github.io">source code</a> is licensed under the Apache 2.0 License. © 2022 Gimel Studio contributors.</small>
</div>
<script src="js/main.js"></script>
</body>
</html>