docs/docs/index.md

0001 Authors: Mattia Basaglia
0002 disable_toc: 1
0003 no_nav: 1
0004
0005 # Glaxnimate
0006
0007 <style>
0008 .container
0009 {
0010     text-align: center;
0011 }
0012
0013 [role="main"] > ul
0014 {
0015     display: flex;
0016     list-style: none;
0017     justify-content: center;
0018     padding: 0;
0019     margin: 1.5em 0;
0020     flex-flow: row wrap;
0021 }
0022
0023 [role="main"] > ul li
0024 {
0025     margin: 1ex;
0026 }
0027
0028 [role="main"] > ul li a
0029 {
0030     background: #008cba;
0031     color: #fff;
0032     padding: 1ex;
0033     border-radius: 5px;
0034     white-space: nowrap;
0035 }
0036
0037 [role="main"] > ul li a:hover,
0038 [role="main"] > ul li a:focus
0039 {
0040     background: #00526e;
0041     text-decoration: none;
0042 }
0043 [role="main"] > ul li a:focus
0044 {
0045     outline: thin dotted #008cba;
0046     outline-offset: 5px;
0047 }
0048
0049 .cards {
0050     display: flex;
0051     justify-content: center;
0052     flex-flow: row wrap;
0053     align-items: stretch;
0054 }
0055
0056 .card {
0057     display: flex;
0058     flex-flow: column;
0059     border: 1px solid #008cba;
0060     border-radius: 5px;
0061     background: #dff7ff;
0062     align-items: center;
0063     margin: .5em;
0064     padding: 1em;
0065 /*     flex-grow: 1; */
0066 /*     flex-basis: 0; */
0067     color: black;
0068     width: 300px;
0069 }
0070
0071 .card img {
0072     width: 128px;
0073 }
0074
0075 .card heading {
0076     font-weight: bold;
0077 }
0078
0079 h1 {
0080     color: #292f75;
0081 }
0082 </style>
0083
0084
0085 <img src="/img/logo.svg" width="128" />
0086
0087 Glaxnimate is a simple and fast vector graphics animation program.
0088
0089
0090 ## Download
0091
0092 * [:fa-download: Stable Version](download.md#stable-releases)
0093 * [:fa-flask: Experimental Version](download.md#development-snapshots)
0094 * [:fa-wrench: Source Code](contributing/read_me.md)
0095
0096 <a href="manual/"><img src="/img/screenshots/main_window/main_window.png" style="max-width: 100%;"/></a>
0097
0098 ## Features
0099
0100 <div class="cards">
0101     <a href="manual/ui/settings/" class="card">
0102         <img src="/img/ui/icons/preferences-desktop-theme-global.svg" />
0103         <heading>Customizable Interface</heading>
0104         <span>Dark and Light UI themes</span>
0105         <span>Icon themes</span>
0106         <span>Dockable views</span>
0107     </a>
0108     <a href="manual/" class="card">
0109         <img src="/img/ui/icons/draw-bezier-curves.svg" />
0110         <heading>Smooth Animations</heading>
0111         <span>Vector graphics and tweening animations</span>
0112     </a>
0113     <a href="download/" class="card">
0114         <img src="/img/ui/icons/computer.svg" />
0115         <heading>Cross Platform</heading>
0116         <span>Download for GNU/Linux, Windows, and Mac</span>
0117     </a>
0118     <a href="manual/formats/" class="card">
0119         <img src="/img/ui/icons/internet-web-browser.svg" />
0120         <heading>Animations for the web</heading>
0121         <span>Lottie animations</span>
0122         <span>Animated GIF and WebP</span>
0123         <span>Animated SVG</span>
0124     </a>
0125     <a href="contributing/scripting/" class="card">
0126         <img src="/img/ui/icons/preferences-plugin.svg" />
0127         <heading>Easily Extensible</heading>
0128         <span>You can use Python to manipulate animations and create plugins.</span>
0129     </a>
0130 </div>
0131
0132 ## Learn More
0133
0134 * [:fa-book: User Manual](manual/index.md)
0135 * [:fa-terminal: Scripting Guide](contributing/scripting/index.md)
0136
0137 ## Get Involved
0138
0139 * [Donate](donate.md)
0140 * [Contribute](contributing/index.md)
0141 * [Report Issues](https://gitlab.com/mattbas/glaxnimate/-/issues)
0142 * [Chat](https://t.me/Glaxnimate)