-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
172 lines (170 loc) · 13.3 KB
/
index.html
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- CSS and JS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
<link href="style.css" rel="stylesheet">
<script src="script.js"></script>
<title>Jumpstart</title>
</head>
<body class="d-flex flex-column h-100">
<main class="flex-shrink-0">
<div class="container">
<h2 class="mt-5 font-bold">Jumpstart⚡ (for macOS)</h2>
<p>Jumpstart is a script generator for installing/updating multiple macOS Applications at once.</p>
<p>Simply check the applications you want installed, press 'Generate Script' and then copy/paste the script to Terminal.<br>
It uses Homebrew, if you don't have homebrew it'll install it when the script is ran for the first time.</p>
<br>
<h3 class="font-bold">Choose your Applications</h3>
<div class="container">
<div class="row">
<div class="col">
<h3 class="app-catagories">Browsers</h3>
<input class="form-check-input" name="values" value="chromium" type="checkbox" /> Chromium<br>
<input class="form-check-input" name="values" value="google-chrome" type="checkbox" /> Google Chrome<br>
<input class="form-check-input" name="values" value="firefox" type="checkbox" /> Mozilla Firefox<br>
<input class="form-check-input" name="values" value="brave-browser" type="checkbox" /> Brave<br>
<input class="form-check-input" name="values" value="microsoft-edge" type="checkbox" /> Microsoft Edge<br>
</div>
<div class="col">
<h3 class="app-catagories">Messaging</h3>
<input class="form-check-input" name="values" value="zoom" type="checkbox" /> Zoom<br>
<input class="form-check-input" name="values" value="whatsapp" type="checkbox" /> Whatsapp<br>
<input class="form-check-input" name="values" value="discord" type="checkbox" /> Discord<br>
<input class="form-check-input" name="values" value="slack" type="checkbox" /> Slack<br>
<input class="form-check-input" name="values" value="microsoft-teams" type="checkbox" /> MS Teams<br>
<input class="form-check-input" name="values" value="telegram" type="checkbox" /> Telegram<br>
<input class="form-check-input" name="values" value="element" type="checkbox" /> Element (matrix)<br>
</div>
<div class="col">
<h3 class="app-catagories">Password Managers</h3>
<input class="form-check-input" name="values" value="1password" type="checkbox" /> 1Password<br>
<input class="form-check-input" name="values" value="bitwarden" type="checkbox" /> Bitwarden⚡<br>
<input class="form-check-input" name="values" value="lastpass" type="checkbox" /> Lastpass<br>
<input class="form-check-input" name="values" value="authy" type="checkbox" /> Authy<br>
<input class="form-check-input" name="values" value="keepassxc" type="checkbox" /> KeepassXC<br>
</div>
</div>
<div class="row">
<div class="col">
<h3 class="app-catagories">Utilities</h3>
<input class="form-check-input" name="values" value="rectangle" type="checkbox" /> Rectangle⚡<br>
<input class="form-check-input" name="values" value="appcleaner" type="checkbox" /> AppCleaner⚡<br>
<input class="form-check-input" name="values" value="bettertouchtool" type="checkbox" /> BetterTouchTool⚡<br>
<input class="form-check-input" name="values" value="shifty" type="checkbox" /> Shifty<br>
<input class="form-check-input" name="values" value="lulu" type="checkbox" /> Lulu<br>
<input class="form-check-input" name="values" value="controlplane" type="checkbox" /> ControlPlane<br>
<input class="form-check-input" name="values" value="mos" type="checkbox" /> Mos<br>
<input class="form-check-input" name="values" value="keka" type="checkbox" /> Keka<br>
<input class="form-check-input" name="values" value="unified-remote" type="checkbox" /> Unified Remote<br>
<input class="form-check-input" name="values" value="raycast" type="checkbox" /> Raycast⚡<br>
<input class="form-check-input" name="values" value="alfred" type="checkbox" /> Alfred<br>
<input class="form-check-input" name="values" value="cheatsheet" type="checkbox" /> Cheatsheet<br>
<input class="form-check-input" name="values" value="grandperspective" type="checkbox" /> Grandperspective<br>
<input class="form-check-input" name="values" value="gemini" type="checkbox" /> Gemini<br>
<input class="form-check-input" name="values" value="hazel" type="checkbox" /> Hazel<br>
</div>
<div class="col">
<h3 class="app-catagories">Media</h3>
<input class="form-check-input" name="values" value="iina" type="checkbox" /> IINA⚡<br>
<input class="form-check-input" name="values" value="spotify" type="checkbox" /> Spotify<br>
<input class="form-check-input" name="values" value="tidal" type="checkbox" /> Tidal<br>
<input class="form-check-input" name="values" value="vlc" type="checkbox" /> VLC Media Player<br>
<input class="form-check-input" name="values" value="downie" type="checkbox" /> Downie<br>
<input class="form-check-input" name="values" value="jdownloader" type="checkbox" /> jDownloader<br>
<input class="form-check-input" name="values" value="handbrake" type="checkbox" /> Handbrake<br>
<input class="form-check-input" name="values" value="audacity" type="checkbox" /> Audacity<br>
<input class="form-check-input" name="values" value="audio-hijack" type="checkbox" /> Audio Hijack<br>
<input class="form-check-input" name="values" value="soundflower" type="checkbox" /> Soundflower<br>
<input class="form-check-input" name="values" value="krisp" type="checkbox" /> Krisp<br>
<input class="form-check-input" name="values" value="audacity" type="checkbox" /> Audacity<br>
</div>
<div class="col">
<h3 class="app-catagories">Developer Tools</h3>
<input class="form-check-input" name="values" value="visual-studio-code" type="checkbox" /> Visual Studio Code⚡<br>
<input class="form-check-input" name="values" value="sublime-text" type="checkbox" /> Sublime Text<br>
<input class="form-check-input" name="values" value="atom" type="checkbox" /> Atom<br>
<input class="form-check-input" name="values" value="coteditor" type="checkbox" /> CotEditor⚡<br>
<input class="form-check-input" name="values" value="imageoptim" type="checkbox" /> ImageOptim<br>
<input class="form-check-input" name="values" value="postman" type="checkbox" /> Postman⚡<br>
<input class="form-check-input" name="values" value="paw" type="checkbox" /> Paw<br>
<input class="form-check-input" name="values" value="sourcetree" type="checkbox" /> SourceTree<br>
<input class="form-check-input" name="values" value="tower" type="checkbox" /> Tower<br>
<input class="form-check-input" name="values" value="iterm2" type="checkbox" /> iTerm2⚡<br>
<input class="form-check-input" name="values" value="vagrant-manager" type="checkbox" /> Vagrant Manager<br>
</div>
</div>
<div class="row">
<div class="col">
<h3 class="app-catagories">Productivity</h3>
<input class="form-check-input" name="values" value="typora" type="checkbox" /> Typora⚡<br>
<input class="form-check-input" name="values" value="notion" type="checkbox" /> Notion<br>
<input class="form-check-input" name="values" value="evernote" type="checkbox" /> Evernote<br>
<input class="form-check-input" name="values" value="numi" type="checkbox" /> Numi<br>
<input class="form-check-input" name="values" value="soulver" type="checkbox" /> Soulver<br>
<input class="form-check-input" name="values" value="fantastical" type="checkbox" /> Fantastical<br>
<input class="form-check-input" name="values" value="pdf-expert" type="checkbox" /> PDF Expert<br>
</div>
<div class="col">
<h3 class="app-catagories">Online Storage/Sync</h3>
<input class="form-check-input" name="values" value="backblaze" type="checkbox" /> Backblaze<br>
<input class="form-check-input" name="values" value="google-drive" type="checkbox" /> Google Drive<br>
<input class="form-check-input" name="values" value="dropbox" type="checkbox" /> Dropbox<br>
<input class="form-check-input" name="values" value="carbon-copy-cloner" type="checkbox" /> Carbon Copy Cloner<br>
<input class="form-check-input" name="values" value="superduper" type="checkbox" /> SuperDuper<br>
<input class="form-check-input" name="values" value="chronosync" type="checkbox" /> ChronoSync<br>
<input class="form-check-input" name="values" value="syncthing" type="checkbox" /> Syncthing<br>
<input class="form-check-input" name="values" value="cyberduck" type="checkbox" /> Cyberduck<br>
<input class="form-check-input" name="values" value="mountainduck" type="checkbox" /> Mountain Duck<br>
</div>
<div class="col">
<h3 class="app-catagories">Menu Bar Apps</h3>
<input class="form-check-input" name="values" value="monitorcontrol" type="checkbox" /> MonitorControl<br>
<input class="form-check-input" name="values" value="dozer" type="checkbox" /> Dozer<br>
<input class="form-check-input" name="values" value="hiddenbar" type="checkbox" /> Hidden Bar⚡<br>
<input class="form-check-input" name="values" value="maccy" type="checkbox" /> Maccy⚡<br>
<input class="form-check-input" name="values" value="itsycal" type="checkbox" /> Itsycal⚡<br>
<input class="form-check-input" name="values" value="meetingbar" type="checkbox" /> MeetingBar<br>
<input class="form-check-input" name="values" value="sip" type="checkbox" /> Sip<br>
<input class="form-check-input" name="values" value="xbar" type="checkbox" /> Xbar<br>
</div>
</div>
</div>
<br>
<button type="button" class="btn btn-outline-primary" onclick="totalItv()">Generate Script</button>
<button type="button" class="btn btn-danger" onclick="clearAll()">Clear All</button>
<div>
<br>
<input class="form-control" value="You have to tick at least one item..." readonly="readonly" type="text" name="generatedLink" id="generatedLink"/>
</div>
<br>
<button type="button" class="btn btn-primary" onclick="toClipboard()">Copy to Clipboard</button>
<div class="alert alert-success alert-dismissable" role="alert" id="clipboardMessage">
Link copied to Clipboard successfully
</div>
<br>
<br>
It uses Homebrew (<a href="https://brew.sh">https://brew.sh</a>) as the package manager to install applications. Homebrew is open-source and the most popular package manager for macOS.<br>
Since it's such a robust tool I did not want to reinvent the wheel, just automating the process for new users.
<br>
<br>
</div>
</main>
<footer class="footer">
<div class="container">
<span class="text-muted">Made by mostly duct taping some error prone codes 🧨. Source code <a href="https://github.com/i3p9/Jumpstart">here.</a></span>
</div>
</footer>
</body>
</html>