game-dev-resource/2d-art-programs.html at main · JAMES-535/game-dev-resource · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>2D Art Programs</title>
        <meta name="description" content>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="styles.css">

        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link
            href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap"
            rel="stylesheet">
    </head>
    <body>
        <header>
            <a href="index.html">
                <p>GDR</p>
            </a>

            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="resources.html">Resources</a></li>
                <li><a href="contributing.html">Contribute</a></li>
            </ul>
        </header>

        <main>
            <h1 class="std_header">Art Programs</h1>
            <p class="std_desc">Find your style</p>

            <ul class="resource_menu">
                <li><a href="2d-art-programs.html">2D</a></li>
                <li><a href="3d-art-programs.html">3D</a></li>
                <li id="selection_underline" style="grid-column: 1;"></li>
            </ul>

            <ul id="content_list">
                <li class="fade_up">
                    <a href="https://krita.org/" target="_blank">
                        <img src="assets/images/krita-logo.png"
                            alt="krita-logo">
                    </a>
                    <div>
                        <a href="https://krita.org/"
                            target="_blank"><h2>Krita</h2></a>
                        <p>Free and open source painting program</p>
                    </div>
                </li>
                <li class="divider"></li>
                <li class="fade_up">
                    <a href="https://firealpaca.com/" target="_blank">
                        <img src="assets/images/fire-alpaca-logo.webp"
                            alt="fire-alpaca-logo">
                    </a>
                    <div>
                        <a href="https://firealpaca.com/"
                            target="_blank"><h2>Fire Alpaca</h2></a>
                        <p>Free digital painting software</p>
                    </div>
                </li>
                <li class="divider"></li>
                <li class="fade_up">
                    <a href="https://www.aseprite.org/" target="_blank">
                        <img src="assets/images/aseprite-logo.png"
                            alt="aseprite-logo">
                    </a>
                    <div>
                        <a href="https://www.aseprite.org/"
                            target="_blank"><h2>Aseprite</h2></a>
                        <p>Free and open source animated sprite editor & pixel
                            art tool</p>
                    </div>
                </li>
                <li class="divider"></li>
                <li class="fade_up">
                    <a href="https://getpaint.net/" target="_blank">
                        <img src="assets/images/paint.net-logo.png"
                            alt="paint.net-logo">
                    </a>
                    <div>
                        <a href="https://getpaint.net/"
                            target="_blank"><h2>paint.net</h2></a>
                        <p>Image and photo editing software</p>
                    </div>
                </li>
                <li class="divider"></li>
                <li class="fade_up">
                    <a href="https://www.gimp.org/" target="_blank">
                        <img src="assets/images/gimp-logo.png" alt="gimp-logo">
                    </a>
                    <div>
                        <a href="https://www.gimp.org/"
                            target="_blank"><h2>GIMP</h2></a>
                        <p>Cross-platform image editor</p>
                    </div>
                </li>
                <li class="divider"></li>
                <li class="fade_up">
                    <a href="https://pixel-composer.com/" target="_blank">
                        <img src="assets/images/pixel-composer-logo.png"
                            alt="pixel-composer-logo">
                    </a>
                    <div>
                        <a href="https://pixel-composer.com/"
                            target="_blank"><h2>Pixel Composer</h2></a>
                        <p>Node based VFX compositor for pixel art</p>
                    </div>
                </li>
            </ul>
        </main>
    </body>
</html>