Skip to content

Commit cdbb11e

Browse files
nik-revnik-rev
committed
docs: add a simple website
1 parent eb05191 commit cdbb11e

File tree

3 files changed

+278
-1
lines changed

3 files changed

+278
-1
lines changed

‎README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<p>
33
<h1>
44
<a href="https://github.com/nik-rev/ferrishot">
5-
<img height="64px" width="64px" src="logo.svg" />
5+
<img height="64px" width="64px" src="icons/Ferrishot.svg" />
66
</a>
77
<br />
88
ferrishot

‎logo.svg renamed to ‎icons/Ferrishot.svg

File renamed without changes.

‎index.html

Lines changed: 277 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,277 @@
1+
<html>
2+
<head>
3+
<title>Ferrishot | Open Source Screenshot Software</title>
4+
<meta name="description" content="Ferrishot is a free and open-source, cross-platform tool to take screenshots"></meta>
5+
</head>
6+
<style>
7+
* { margin: 0; }
8+
:root {
9+
--accent-color: #dea584;
10+
--accent-color-dark: #ab6137;
11+
--background: #fff8f0;
12+
--text: #452601f0;
13+
}
14+
main {
15+
display: flex;
16+
flex-direction: column;
17+
width: 64ch;
18+
}
19+
body {
20+
font-family: 'Courier New', Courier, monospace;
21+
display: flex;
22+
gap: 40px;
23+
align-items: center;
24+
flex-direction: column;
25+
background-color: var(--background);
26+
}
27+
#logo-container {
28+
max-width: 800px;
29+
width: 100%;
30+
padding-left: 80px;
31+
padding-top: 80px;
32+
display: flex;
33+
flex-direction: column;
34+
gap: 20px;
35+
}
36+
#logo {
37+
display: flex;
38+
gap: 10px;
39+
h1 {
40+
color: var(--accent-color);
41+
margin-top: auto;
42+
margin-bottom: auto;
43+
font-size: 26px;
44+
}
45+
}
46+
#icons {
47+
margin-top: -4px;
48+
margin-left: 8px;
49+
svg {
50+
color: var(--accent-color);
51+
}
52+
a {
53+
text-decoration: none;
54+
}
55+
}
56+
#description {
57+
display: flex;
58+
flex-direction: column;
59+
p {
60+
color: var(--text);
61+
margin: 0;
62+
font-style: italic;
63+
}
64+
}
65+
.hidden {
66+
display: none;
67+
}
68+
</style>
69+
<body>
70+
<!-- <nav> -->
71+
<div id="logo-container">
72+
<div id="logo">
73+
<img src="./icons/Ferrishot.svg" id="logo" height="48" width="48"></img>
74+
<h1>ferrishot<h1>
75+
</div>
76+
<div id="description">
77+
<p>Intuitive, yet powerful screenshot software.</p>
78+
<p>Free and open source, written in Rust</p>
79+
</div>
80+
<div id="icons">
81+
<a href="https://github.com/nik-rev/ferrishot" title="Ferrishot Source Code on GitHub">
82+
<svg height="16px" width="16px" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 32C132.3 32 32 134.9 32 261.7c0 101.5 64.2 187.5 153.2 217.9 1.4.3 2.6.4 3.8.4 8.3 0 11.5-6.1 11.5-11.4 0-5.5-.2-19.9-.3-39.1-8.4 1.9-15.9 2.7-22.6 2.7-43.1 0-52.9-33.5-52.9-33.5-10.2-26.5-24.9-33.6-24.9-33.6-19.5-13.7-.1-14.1 1.4-14.1h.1c22.5 2 34.3 23.8 34.3 23.8 11.2 19.6 26.2 25.1 39.6 25.1 10.5 0 20-3.4 25.6-6 2-14.8 7.8-24.9 14.2-30.7-49.7-5.8-102-25.5-102-113.5 0-25.1 8.7-45.6 23-61.6-2.3-5.8-10-29.2 2.2-60.8 0 0 1.6-.5 5-.5 8.1 0 26.4 3.1 56.6 24.1 17.9-5.1 37-7.6 56.1-7.7 19 .1 38.2 2.6 56.1 7.7 30.2-21 48.5-24.1 56.6-24.1 3.4 0 5 .5 5 .5 12.2 31.6 4.5 55 2.2 60.8 14.3 16.1 23 36.6 23 61.6 0 88.2-52.4 107.6-102.3 113.3 8 7.1 15.2 21.1 15.2 42.5 0 30.7-.3 55.5-.3 63 0 5.4 3.1 11.5 11.4 11.5 1.2 0 2.6-.1 4-.4C415.9 449.2 480 363.1 480 261.7 480 134.9 379.7 32 256 32z"></path></svg>
83+
</a>
84+
<a href="#download" title="Download Ferrishot">
85+
<svg height="16px" width="16px" stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19 9h-4V3H9v6H5l7 8zM4 19h16v2H4z"></path></svg>
86+
</a>
87+
</div>
88+
</div>
89+
<!-- <ul> -->
90+
<!-- <li> -->
91+
<!-- <a href="#features">Features</a> -->
92+
<!-- </li> -->
93+
<!-- <li> -->
94+
<!-- <a href="#download">Download</a> -->
95+
<!-- </li> -->
96+
<!-- <li> -->
97+
<!-- <a href="#contribute">Contribute</a> -->
98+
<!-- </li> -->
99+
<!-- <li> -->
100+
<!-- <a href="docs.ferrishot">Docs</a> -->
101+
<!-- </li> -->
102+
<!-- <ul> -->
103+
<!-- </nav> -->
104+
<main>
105+
<!-- <section id="1"> -->
106+
<!-- <h2>A cross-platform screenshot app written in Rust</h2> -->
107+
<!-- <button>Download</button> -->
108+
<!-- <div id="preview"> -->
109+
<!-- <img src="..."></img> -->
110+
<!-- </div> -->
111+
<!-- </section> -->
112+
<!-- <section> -->
113+
<!-- <h2>Free and Open Source screenshot software</h2> -->
114+
<!-- <p>Ferrishot is a free and open-source, cross-platform tool to take screenshots with many built-in features to save you time</p> -->
115+
<!-- </section> -->
116+
<!-- <section id="features"> -->
117+
<!-- <h2>Ferrishot Features<h2> -->
118+
<!-- <ul> -->
119+
<!-- <li> -->
120+
<!-- <div> -->
121+
<!-- <h3>Highly customizable</h3> -->
122+
<!-- <p> -->
123+
<!-- Customize the interface color, button selection, keyboard shortcuts, how images are saved, and more with Ferrishot's accessible configuration dialog. -->
124+
<!-- </p> -->
125+
<!-- </div> -->
126+
<!-- <img /> -->
127+
<!-- </li> -->
128+
<!-- <li> -->
129+
<!-- <img /> -->
130+
<!-- <div> -->
131+
<!-- <h3>In-app screenshot editing</h3> -->
132+
<!-- <p> -->
133+
<!-- You can choose to add an arrow mark, highlight text, blur a section, add a text, -->
134+
<!-- draw something, add a rectangular/circular shaped border, add an incrementing counter number, -->
135+
<!-- and add a solid color box with ferrishot's built-in editing tools. -->
136+
<!-- </p> -->
137+
<!-- </div> -->
138+
<!-- </li> -->
139+
<!-- <li> -->
140+
<!-- <div> -->
141+
<!-- <h3>Simple & intuitive<h3> -->
142+
<!-- <p> -->
143+
<!-- Using Ferrishot is as simple as launching, dragging the selection box to cover the area you want to capture, making annotations as needed in on-screen and saving the shot to your computer, all with a very simple and straightforward interface. -->
144+
<!-- </p> -->
145+
<!-- </div> -->
146+
<!-- <img /> -->
147+
<!-- </li> -->
148+
<!-- <li> -->
149+
<!-- <img /> -->
150+
<!-- <div> -->
151+
<!-- <h3>Upload to online platforms<h3> -->
152+
<!-- <p> -->
153+
<!-- Ferrishot allows users to simply upload their screenshots directly to the cloud in order to easily share it with others. You can upload your image directly to Imgur with a single click and share the URL with others. -->
154+
<!-- </p> -->
155+
<!-- </div> -->
156+
<!-- </li> -->
157+
<!-- <li> -->
158+
<!-- <img /> -->
159+
<!-- <div> -->
160+
<!-- <h3>Command-line interface<h3> -->
161+
<!-- <p> -->
162+
<!-- Ferrishot can be used fully via the command line. The command line interface lets you script ferrishot and use it as the subject of key binds. -->
163+
<!-- </p> -->
164+
<!-- </div> -->
165+
<!-- </li> -->
166+
<!-- </ul> -->
167+
<!-- </section> -->
168+
<!-- <section id="download"> -->
169+
<!-- <ul id="platforms"> -->
170+
<!-- <li> -->
171+
<!-- <button id="select-Windows"> -->
172+
<!-- <img /> -->
173+
<!-- <h3>Windows<h3> -->
174+
<!-- </button> -->
175+
<!-- </li> -->
176+
<!-- <li> -->
177+
<!-- <button id="select-macOS"> -->
178+
<!-- <img /> -->
179+
<!-- <h3>macOS<h3> -->
180+
<!-- </button> -->
181+
<!-- </li> -->
182+
<!-- <li> -->
183+
<!-- <button id="select-Linux"> -->
184+
<!-- <img /> -->
185+
<!-- <h3>Linux<h3> -->
186+
<!-- </button> -->
187+
<!-- </li> -->
188+
<!-- </ul> -->
189+
<!-- <p>Get the latest ferrishot</p> -->
190+
<!-- <section id="download-Windows"> -->
191+
<!-- <button>Download Installer</button> -->
192+
<!-- </section> -->
193+
<!-- <section id="download-macOS"> -->
194+
<!-- Homebrew -->
195+
<!-- <pre> -->
196+
<!-- homebrew -S ferrishot -->
197+
<!-- </pre> -->
198+
<!-- </section> -->
199+
<!-- <section id="download-Linux"> -->
200+
<!-- <button>Download AppImage</button> -->
201+
<!-- <h4>Install via Package Manager<h4> -->
202+
<!-- <ul> -->
203+
<!-- <li> -->
204+
<!-- <p>Arch</p> -->
205+
<!-- <pre> -->
206+
<!-- pacman -S ferrishot -->
207+
<!-- </pre> -->
208+
<!-- </li> -->
209+
<!-- <li> -->
210+
<!-- <p>Ubuntu</p> -->
211+
<!-- <pre> -->
212+
<!-- pacman -S ferrishot -->
213+
<!-- </pre> -->
214+
<!-- </li> -->
215+
<!-- <li> -->
216+
<!-- <p>Fedora</p> -->
217+
<!-- <pre> -->
218+
<!-- pacman -S ferrishot -->
219+
<!-- </pre> -->
220+
<!-- </li> -->
221+
<!-- <li> -->
222+
<!-- <p>NixOS</p> -->
223+
<!-- <pre> -->
224+
<!-- pacman -S ferrishot -->
225+
<!-- </pre> -->
226+
<!-- </li> -->
227+
<!-- </ul> -->
228+
<!-- <p> -->
229+
<!-- Looking for older releases? -->
230+
<!-- </p> -->
231+
<!-- </section> -->
232+
<!-- </section> -->
233+
<!-- <section> -->
234+
<!-- <img /> -->
235+
<!-- <h3>Ferrishot is free and open source. Written in Rust.<h3> -->
236+
<!-- </section> -->
237+
<!-- <div>Hello World</div> -->
238+
<!-- <button id="button">Lol</button> -->
239+
</main>
240+
<!-- <footer> -->
241+
<!-- <ul> -->
242+
<!-- <li>Features</li> -->
243+
<!-- <li>Download</li> -->
244+
<!-- <li>Contribute</li> -->
245+
<!-- <li>Donate</li> -->
246+
<!-- <li>Docs</li> -->
247+
<!-- </ul> -->
248+
<!-- </footer> -->
249+
<script defer>
250+
const operatingSystem =
251+
/(darwin|Macintosh|MacIntel|MacPPC|Mac68K|iPhone|iPad|iPod)/i.test(
252+
window.navigator.userAgent,
253+
)
254+
? "macOS"
255+
: /(Linux|X11)/i.test(window.navigator.userAgent)
256+
? "Linux"
257+
: "Windows";
258+
259+
document.getElementById(`select-${operatingSystem}`).classList.add("download-selected");
260+
document.getElementById("select-Windows").addEventListener("click", (e) => {
261+
document.getElementById("download-Windows").classList.remove("hidden");
262+
document.getElementById("download-macOS").classList.add("hidden");
263+
document.getElementById("download-Linux").classList.add("hidden");
264+
});
265+
document.getElementById("select-macOS").addEventListener("click", (e) => {
266+
document.getElementById("download-Windows").classList.add("hidden");
267+
document.getElementById("download-macOS").classList.remove("hidden");
268+
document.getElementById("download-Linux").classList.add("hidden");
269+
});
270+
document.getElementById("select-Linux").addEventListener("click", (e) => {
271+
document.getElementById("download-Windows").classList.add("hidden");
272+
document.getElementById("download-macOS").classList.add("hidden");
273+
document.getElementById("download-Linux").classList.remove("hidden");
274+
});
275+
</script>
276+
</body>
277+
</html>

0 commit comments

Comments
 (0)