 == 'Windows', 'windows', if_then_else_return(getOS() == 'macOS', 'macOS', 'linux')) + '.svg){kind=small}
' + getOS();
+
+ download_link.href = 'javascript: download();';
+}
+
+async function loadVersions(){
+ var versions = await fetch('https://samuellouf.github.io/api/PyBrowser/versions.json').then(result => result.text()).then(r => JSON.parse(r));
+ const addOptionInSelect = (name, value, select) => {
+ var opt = document.createElement('option');
+ opt.innerText = name;
+ opt.value = value;
+ document.querySelector(select).appendChild(opt);
+ }
+ versions.forEach((version) => {
+ if (!(version.toString().includes('.'))) version = String(version) + '.0'
+ addOptionInSelect(version, version, '#selectanotherversion');
+ });
+}
+
+// This download function can work all by itself
+async function download(version='lastest', os=if_then_else_return(getOS() == 'Windows', 'win', if_then_else_return(getOS() == 'macOS', 'macOS', 'linux'))){
+ if (version == 'lastest'){
+ var lastest_version = await fetch('https://samuellouf.github.io/api/PyBrowser/update.json').then(result => result.text());
+ lastest_version = JSON.parse(lastest_version);
+ version = lastest_version.lastest_version;
+ }
+ const link = document.createElement("a");
+ link.href = 'https://github.com/samuellouf/PyBrowser/releases/download/v' + version + '/PyBrowser-v' + version + '.zip';
+ link.download = 'PyBrowser-v' + version + '.zip';
+ document.body.appendChild(link);
+ link.click();
+ link.remove();
+}
+
+loadVersions();
+loadDownloadButton();
+
+const queryString = window.location.search;
+const urlParams = new URLSearchParams(queryString);
+const download_urlparam = urlParams.get('download');
+
+if (download_urlparam != null){
+ download();
+}
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..c16ec82
Binary files /dev/null and b/favicon.ico differ
diff --git a/header.css b/header.css
new file mode 100644
index 0000000..9ba1bf3
--- /dev/null
+++ b/header.css
@@ -0,0 +1,33 @@
+.sticky {
+ position: fixed;
+ width: 100%;
+ top: 5px;
+}
+
+.topnav{
+ overflow: hidden;
+ background-color: #ff4d4d;
+ z-index: 100;
+}
+
+.topnav a {
+ float: left;
+ color: #f2f2f2;
+ text-align: center;
+ padding: 14px 16px;
+ text-decoration: none;
+ font-size: 17px;
+ transition-duration: 0.5s;
+}
+
+.topnav a:hover {
+ background-color: #d94242;
+ color: black;
+ transition-duration: 0.5s;
+}
+
+.topnav a.active {
+ background-color: #ff4d4d#04AA6D;
+ color: white;
+ transition-duration: 0.5s;
+}
\ No newline at end of file
diff --git a/header.js b/header.js
new file mode 100644
index 0000000..1b66c9a
--- /dev/null
+++ b/header.js
@@ -0,0 +1,18 @@
+// When the user scrolls the page, execute myFunction
+window.onscroll = function() {myFunction()};
+window.onload = function() {myFunction()};
+
+// Get the header
+var header = document.querySelector("header");
+
+// Get the offset position of the navbar
+var sticky = header.offsetTop;
+
+// Add the sticky class to the header when you reach its scroll position. Remove "sticky" when you leave the scroll position
+function myFunction() {
+ if (window.pageYOffset > sticky) {
+ header.classList.add("sticky");
+ } else {
+ header.classList.remove("sticky");
+ }
+}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..7fa1ccb
--- /dev/null
+++ b/index.html
@@ -0,0 +1,164 @@
+
+
+
+ + +
+
+ +
+
+
+
+
+ 
+
+
+ 1 / 4
+
+ PyBrowser
+
+ 
+
+
+ 2 / 4
+
+ Private navigation
+
+ 
+
+
+ 3 / 4
+
+ Color customization
+
+ 
+
+
+ ❮
+ ❯
+
+ 4 / 4
+
+ Change name
+ + +
+
+
+
+
+
+ + +
+