crypto-notepad.github.io/index.html at master · Crypto-Notepad/crypto-notepad.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
<!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 layout example that shows off a responsive product landing page.">
    <link href="favicon.png" rel="shortcut icon" type="image/x-icon" />
    <meta name="theme-color" content="#33373C">
    <title>Crypto Notepad</title>
    <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/pure-min.css" integrity="sha384-" crossorigin="anonymous">
    <!--[if lte IE 8]>
  	<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-old-ie-min.css">
  	<![endif]-->
    <!--[if gt IE 8]><!-->
    <link rel="stylesheet" href="https://unpkg.com/purecss@1.0.0/build/grids-responsive-min.css">
    <!--<![endif]-->
    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
    <!--[if lte IE 8]>
  	<link rel="stylesheet" href="css/marketing-old-ie.css">
  	<![endif]-->
    <!--[if gt IE 8]><!-->
  	<link rel="stylesheet" href="css/marketing.css">
    <!--<![endif]-->
    <link rel="stylesheet" href="css/style.css">
</head>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        const owner = 'Crypto-Notepad';
        const repo = 'Crypto-Notepad';
        const storageKey = 'crypto-notepad-downloads';
        const downloadsElement = document.getElementById('downloads');

        const updateDom = (count) => {
            if (!downloadsElement) {
                return;
            }
            downloadsElement.textContent = `Total downloads: ${count}`;
        };

        const readCache = () => {
            if (!window.localStorage) {
                return null;
            }
            try {
                const cached = localStorage.getItem(storageKey);
                if (!cached) {
                    return null;
                }
                const parsed = JSON.parse(cached);
                if (typeof parsed.count === 'number') {
                    return parsed;
                }
            } catch (error) {
                console.warn('Failed to read download cache', error);
            }
            return null;
        };

        const writeCache = (count) => {
            if (!window.localStorage) {
                return;
            }
            try {
                localStorage.setItem(storageKey, JSON.stringify({ count, timestamp: Date.now() }));
            } catch (error) {
                console.warn('Failed to write download cache', error);
            }
        };

        const cached = readCache();
        if (cached) {
            updateDom(cached.count);
        }

        const xhr = new XMLHttpRequest();
        xhr.addEventListener('load', function () {
            try {
                const releases = JSON.parse(this.responseText);
                let count = 0;
                for (let i = 0; i < releases.length; ++i) {
                    for (let j = 0; j < releases[i].assets.length; ++j) {
                        count += releases[i].assets[j].download_count;
                    }
                }
                if (!cached || cached.count !== count) {
                    updateDom(count);
                    writeCache(count);
                }
            } catch (error) {
                console.error('Failed to parse download count', error);
            }
        });
        xhr.addEventListener('error', function (error) {
            console.error('Failed to fetch download count', error);
        });
        xhr.open('GET', 'https://api.github.com/repos/' + owner + '/' + repo + '/releases');
        xhr.send();
    });
</script>

<body>
    <div class="content">
        <div class="pure-g">
            <div class="pure-u-5-5 is-center content-width">
                <img alt="Main image" class="pure-img-responsive main-image" src="img/main.gif">
            </div>
        </div>
    </div>
    <div class="pure-g">
        <div class="pure-u-5-5 is-center content-width download-cta">
            <a class="pure-button button-success" href="https://github.com/Crypto-Notepad/Crypto-Notepad/releases/latest/download/Crypto.Notepad.zip">Download for Windows</a>
            <small id="downloads" class="download-count"></small>
        </div>
    </div>
    <div class="content">
        <h3 class="content-head is-center content-margin">About</h3>
        <hr>
        <div class="pure-g">
            <div class="pure-u-5-5 is-center content-width">
                <p>
                    It is often necessary to protect important notes in order to prevent them from being accessed by others, but text editors that offer encryption features are sometimes too complex
                    for users who just want a secure Notepad alternative. Crypto Notepad stands out through its relatively simple design, as it looks very similar to the standard Windows Notepad. It
                    offers a few extra features, such as encryption and a customizable UI, but it remains lightweight and very easy to use.
                </p>
            </div>
        </div>
    </div>
    <div class="content">
        <h3 class="content-head is-center">Features</h3>
        <hr>
        <div class="pure-g content-width">
            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-2">
                <h4>
                    <i class="fa fa-lock"></i>
                    Secure
                </h4>
                <p>
                    Crypto Notepad allows you to create secure notes using AES algorithms, able to customize different parameters of the encryption, such as: hash algorithm, key size, password
                    iterations.
                </p>
            </div>
            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-2">
                <h4>
                    <i class="fa fa-th-large"></i>
                    Multifunctional
                </h4>
                <p>
                    Crypto Notepad, besides the main features of the default Windows Notepad, also supports drag and drop, url detection, associate own file type with application, integrate with
                    windows context menu.
                </p>
            </div>
            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-2">
                <h4>
                    <i class="fa fa-usd"></i>
                    Free
                </h4>
                <p>
                    Crypto Notepad is an open source project. It will always remain free and ad-free. If you're asked to pay for "full version" or "ad removal", most probably it's a scam.
                </p>
            </div>
            <div class="l-box pure-u-1 pure-u-md-1-2 pure-u-lg-1-2">
                <h4>
                    <i class="fa fa-usb"></i>
                    Portable
                </h4>
                <p>
                    Crypto Notepad can be run from any location without being installed on your PC beforehand. For example, you can place it on a portable storage device and use it to create secure
                    notes on the go.
                </p>
            </div>
        </div>
    </div>
    <div class="content">
        <h3 class="content-head is-center">Support the project</h3>
        <hr>
        <div class="pure-g">
            <div class="pure-u-5-5 is-center content-width">
                <div class="donate">
                    <div class="help-content">
                        <p>
                            If you are a developer, and want to help improve Crypto Notepad, please visit the contributing <a
                                href="https://github.com/Sigmanor/Crypto-Notepad/blob/master/CONTRIBUTING.md" target="_blank">guide</a>. Also you can <a
                                href="https://github.com/Crypto-Notepad/Crypto-Notepad/wiki/Support-the-project" target="_blank">donate</a> any amount for the development of the
                            project. Any support is greatly appreciated. Thank you!
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer l-box is-center">
        <hr>
        <span class="white-ahref"> Created with ❤️ by <a href="https://sigmanor.github.io/links" target="_blank">sigmanor</a>
        </span>
    </div>
    </div>
</body>

</html>