pintaproject.github.io/index.html at master · PintaProject/pintaproject.github.io · GitHub

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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
<!DOCTYPE html>
<html lang="en" class="pinta-dark">
  <head>
    <style media="screen">
      html {
        opacity: 0;
        transition: opacity 0.1s ease-in-out;
      }

      html[data-theme] {
        opacity: 1;
      }
    </style>

    <script>
      (function() {
        const storedTheme = localStorage.getItem('theme');
        if (storedTheme === 'light') {
            document.documentElement.classList.remove('pinta-dark');
            document.documentElement.setAttribute('data-theme', 'light');
        } else {
            document.documentElement.classList.add('pinta-dark');
            document.documentElement.setAttribute('data-theme', 'dark');
        }
      })();
    </script>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <script src="js/pinta-theme.js" defer charset="utf-8"></script>

    <link rel="preload" as="image" href="img/photos/hero.webp" type="image/webp">
    <link rel="preload" href="css/fonts/Baumans-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
    <link rel="preload" href="css/fonts.css" as="style">

    <!-- Primary Meta Tags (for SEO and general use) -->
    <title>Pinta: Painting Made Simple</title>
    <meta name="title" content="Pinta: Painting Made Simple">
    <meta name="description" content="Pinta is a free, open-source painting and image editing program designed for simplicity and power. Available on Linux, Mac, Windows, and *BSD, it offers an intuitive interface, unlimited undo, real-time effects, and essential tools to enhance creativity effortlessly.">

    <!-- Open Graph / Facebook -->
    <!-- Used by Facebook, LinkedIn, Pinterest, and others -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://pinta-project.com">
    <meta property="og:title" content="Pinta: Painting Made Simple">
    <meta property="og:description" content="Pinta is a free, open-source program for drawing and image editing. It combines powerful features with an easy-to-use interface, making creativity seamless. Available for Linux, Mac, Windows, and *BSD.">
    <meta property="og:image" content="https://pinta-project.com/img/pinta-og.png">
    <meta property="og:site_name" content="Pinta">

    <!-- Twitter Card -->
    <!-- Used by Twitter and services that respect Twitter Cards -->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:url" content="https://pinta-project.com">
    <meta name="twitter:title" content="Pinta: Painting Made Simple">
    <meta name="twitter:description" content="Create and edit images effortlessly with Pinta, the open-source painting and image editing tool for Linux, Mac, Windows, and *BSD.">
    <meta name="twitter:image" content="https://pinta-project.com/img/pinta-og.png">

    <!-- Canonical URL for SEO -->
    <link rel="canonical" href="https://pinta-project.com">

    <link rel="stylesheet" href="css/fonts.css">
    <link rel="stylesheet" href="css/pinta.css">

    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <link rel="shortcut icon" href="https://pinta-project.com/favicon.ico" type="image/x-icon">
  </head>

  <body id="pinta">

    <button class="pinta-theme-toggle" type="button" name="theme-toggle" aria-label="Toggle The Theme" id="pinta-theme-switcher">
      <img src="img/icons/theme/sun.svg" alt="">
      <img src="img/icons/theme/moon.svg" alt="">
    </button>

    <!--This section contains the hero and more-->
    <header class="pinta-headline">
      <img src="img/photos/hero.webp" alt="">
      <div class="pinta-headline-container">
        <h1 class="">
          painting made simple
        </h1>
        <nav class="pinta-hero-nav">
          <a href="http://github.com/PintaProject"><div>explore the code</div><img src="img/icons/downloads/github.svg" alt="" loading="lazy"></a>
          <a href="releases"><div>experience pinta</div><img src="img/icons/downloads/check-releases.svg" alt="" loading="lazy"></a>
        </nav>
      </div>
    </header>

    <!--This section contains the page content-->
    <main class="pinta-main">
      <section class="pinta-text pinta-text-column">
        <h2 class="pinta-page-heading">powerful. precise. open-source.</h2>
        <article class="pinta-text-centered" style="margin-bottom: 0;">
          <p>Pinta is a free, open-source program for drawing and image editing.
            It combines intuitive tools with powerful features, making it easy
            to create, enhance, and manipulate images. Whether you're sketching
            or retouching photos, Pinta keeps things simple without sacrificing
            functionality.</p>
          <p>Available on Linux, Mac, Windows, and *BSD, it’s
            creative freedom made easy.</p>
        </article>
      </section>

      <section class="pinta-text">
        <figure class="pinta-photo">
          <img src="img/home/smoothflow.webp" alt="" loading="lazy">
        </figure>
        <article class="pinta-article">
          <h2 class="pinta-heading2">
            smooth workflow
          </h2>
          <p>
            Life is best lived <em>uncomplicated</em>, and that’s the
            foundation of Pinta’s intuitive, streamlined approach to image
            editing. With a clean, direct approach to visual editing, creating
            feels seamless and natural.
          </p>
          <p>
            Work <em>happier</em>, not harder—Pinta’s efficient design is
            perfect for anyone, at any level. New and experienced users alike
            will love the journey from inception to completion.
          </p>
        </article>
      </section>

      <section class="pinta-text">
        <figure class="pinta-photo pinta-photo-right pinta-photo-swap">
          <div class="">
            <img src="img/home/interface-dark.webp" alt="" class="pinta-photo-swap-dark" loading="lazy">
          </div>
          <div class="">
            <img src="img/home/interface-light.webp" alt="" class="pinta-photo-swap-light" loading="lazy">
          </div>
        </figure>
        <article class="pinta-article">
          <h2 class="pinta-heading2">
            familiar interface
          </h2>
          <p>
            Jump right in with the tools you know and love. Whether you're
            using the essentials, like select, crop, rotate or resize, or
            wielding advanced features like clone, recolor, or magic wand,
            Pinta <em>just works</em>.
          </p>
          <p>
            The best tools do <em>just</em> what you need, just how <em>you</em>
            want—then get out of the way. Pinta lets you focus on creating,
            staying <em>flexible</em> so you can <em>stay in control</em>.
          </p>
        </article>
      </section>

      <section class="pinta-text">
        <figure class="pinta-photo">
          <img src="img/home/effects.webp" alt="" loading="lazy">
        </figure>
        <article class="pinta-article">
          <h2 class="pinta-heading2">
            quick, powerful effects
          </h2>
          <p>
            With a wide array of effects and adjustments, you can get real
            results <em>in real-time</em>, thanks to live previews that respond
            as you make your tweaks.
          </p>
          <p>
            Step beyond the pixels with a wide array of brilliant effects you
            can apply on the fly. Bring new life to photos and other images
            without the hassle of manual transformations.
          </p>
        </article>
      </section>

      <section class="pinta-text">
        <figure class="pinta-photo pinta-photo-right">
          <img src="img/home/undo.webp" alt="" loading="lazy">
        </figure>
        <article class="pinta-article">
          <h2 class="pinta-heading2">
            unlimited undo
          </h2>
          <p>
            Missed a step? No problem—Pinta lets you keep moving <em>without
            hesitation.</em> Just retrace your actions and pick up where you
            left off.
          </p>
          <p>
            Whether you're fine-tuning or exploring new ideas, Pinta gives you
            the <em>freedom</em> to experiment, knowing no mistake is ever
            permanent.
          </p>
        </article>
      </section>

      <section class="pinta-cta-group">
        <div class="pinta-cta-heading-container">
          <h2 class="pinta-heading2">
            why choose pinta?
          </h2>
        </div>
        <article class="pinta-cta-block">
          <p>
            digital painting
          </p>
        </article>
        <article class="pinta-cta-block">
          <p>
            photo editing
          </p>
        </article>
        <article class="pinta-cta-block">
          <p>
            pixel art
          </p>
        </article>
        <article class="pinta-cta-closer">
          <p>
            Paint, enhance, and create without limits — the power of effortless
            image editing right at your fingertips. Whether you're refining a
            photo, crafting a masterpiece, or just having creative fun, Pinta
            makes the process smooth and enjoyable.
          </p>
          <a href="releases">
            try pinta now
          </a>
        </article>
      </section>
    </main>

    <!--This section footer-->
    <div class="" id="pinta-footer-tag" data-base="" data-active=""></div>

    <!--This section contains the navbar and menu-->
    <div class="" id="pinta-menu-tag" data-base="" data-active=""></div>
  </body>

  <script src="js/pinta.js" charset="utf-8" defer></script>
  <script src="js/pinta-os-detect.js" charset="utf-8"></script>

  </script>
</html>