This repository has been archived by the owner on May 2, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
info.html
157 lines (127 loc) · 5.86 KB
/
info.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
<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="https://fhpwa.github.io/css/main.css">
<script>
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register("/home/sw.js", { scope: "/home/" });
}
/* read data from local storage and set css vars*/
let settingData = JSON.parse(localStorage.getItem('com.fredhappyface'));
const rootStyles = document.styleSheets[0].cssRules[0].style;
const darkStyles = document.styleSheets[0].cssRules[1].cssRules[0].style;
rootStyles.setProperty("--text-mod", (settingData.textSize.size ? settingData.textSize.size : "1"))
if (settingData.theme.name !== "auto"){
rootStyles.setProperty("--var-c-primary", (settingData.theme.cPrimary ? settingData.theme.cPrimary : "#FAFAFA"))
rootStyles.setProperty("--var-c-secondary", (settingData.theme.cSecondary ? settingData.theme.cSecondary : "#EAEAEB"))
rootStyles.setProperty("--var-c-text", (settingData.theme.cText ? settingData.theme.cText : "#383A42"))
darkStyles.setProperty("--var-c-primary", (settingData.theme.cPrimary ? settingData.theme.cPrimary : "#181A1F"))
darkStyles.setProperty("--var-c-secondary", (settingData.theme.cSecondary ? settingData.theme.cSecondary : "#282C34"))
darkStyles.setProperty("--var-c-text", (settingData.theme.cText ? settingData.theme.cText : "#ABB2BF"))
rootStyles.setProperty("--var-c-black", (settingData.theme.cBlack ? settingData.theme.cBlack : "0"))
}
</script>
<meta name="Description" content="Author: FredHappyface; Category: Cryptography,
Proof of concept; Cost: Free">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!--Android app icon-->
<link rel="manifest" href="/home/manifest.json">
<meta name="theme-color" content="#5270ff" />
<!--iOS touch icon-->
<link rel="apple-touch-icon" sizes="180x180" href="images/appicons/square-180.png">
<!--Bookmark, Browser favicon-->
<link rel="icon" type="image/png" sizes="256x256" href="images/appicons/squircle-256.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/appicons/squircle-256.png">
<!--Windows 8, 10 tile -->
<meta name="msapplication-TileColor" content="#5270ff">
<meta name="msapplication-TileImage" sizes="150x150" content="images/appicons/square-180.png">
<meta name="msapplication-starturl" content="/home/">
<!--Title-->
<title>FredHappyface About</title>
</head>
<body>
<div class="section--app-bar c-app-bar--home">
<div class="app-bar">
<div class="section__content">
<div class="left">
<h1>FredHappyface</h1>
</div>
<a href="#" class="right" onclick="window.history.back()"><h1></h1></a>
</div>
</div>
</div>
<div class="buffer--app-bar">
</div>
<div class="c-toast" id="js-toast">
<p id="toast-text"></p>
</div>
<div class="section c-primary">
<div class="section__content">
<h1>About</h1>
<h2>FredHappyface (Home)</h2>
<p>The nexus for all things FredHappyface... Provides links to other web-based projects, information on projects and supported browsers (see below) and a settings menu with themes, icon shapes (Home only) and text size options.</p>
<h2>BlackC4t</h2>
<p>Provides a proof of concept for various encryption methods and password generators. These are written in Javascript. BlackC4t originally used brython to encrypt. Several redesigns as well as addition of a two key one time pad page, a simple password generator and a public key cryptography page.</p>
<h2>Brainf Interpreter</h2>
<p>An online version of an Android application that I released in the hope that it will be more accessible. Run programs written in the Brainf programming language.</p>
<h2>HappyShibe</h2>
<p>The HappyShibe app. Simple frontend web-app meant as a bit of fun.</p>
<h2>PasswordGen</h2>
<p>A dedicated password generator with optional larger wordlists
Current options are 1k, 10k, 100k. Add symbols and numbers, shuffle and
optionally capitalize the first character of each word.</p>
</div>
</div>
<div class="section c-secondary">
<div class="section__content">
<h1>Browsers</h1>
<h2>Supported</h2>
<p>FredHappyface PWAs are built with the following browsers in mind:</p>
<div class="row ">
<div class="icon icon--grid-l">
<img src="images/page/browsers/chrome.png" alt="Google Chrome">
<p>Google Chrome</p>
</div>
<div class="icon icon--grid-l">
<img src="images/page/browsers/chromium.png" alt="Chromium Based Browsers">
<p>Chromium Based Browsers</p>
</div>
<div class="icon icon--grid-l">
<img src="images/page/browsers/safari.png" alt="Safari">
<p>Safari</p>
</div>
<div class="icon icon--grid-l">
<img src="images/page/browsers/edge.png" alt="Microsoft Edge (Chromium)">
<p>Microsoft Edge (Chromium)</p>
</div>
</div>
<h2>Unsupported</h2>
<p>FredHappyface PWAs are not designed for the following browsers (though they may still run as expected in some cases, such as on Firefox). Functionality and visuals may not work as expected:</p>
<div class="row ">
<div class="icon icon--grid-l">
<img src="images/page/browsers/firefox.png" alt="Firefox">
<p>Firefox</p>
</div>
<div class="icon icon--grid-l">
<img src="images/page/browsers/ms-edge.png" alt="Microsoft Edge (EdgeHTML)">
<p>Microsoft Edge (EdgeHTML)</p>
</div>
<div class="icon icon--grid-l">
<img src="images/page/browsers/ie.png" alt="Internet Explorer">
<p>Internet Explorer</p>
</div>
<div class="icon icon--grid-l">
<img src="images/page/browsers/tor.png" alt="TOR">
<p>TOR Browser</p>
</div>
<div class="icon icon--grid-l">
<img src="images/page/browsers/browser.png" alt="Other Browsers">
<p>Other Browsers</p>
</div>
</div>
</div>
</div>
<script src="https://fhpwa.github.io/scripts/script.js"></script>
</body>
</html>