github/zk-kit
1
1
Fork 0
mirror of https://github.com/privacy-scaling-explorations/zk-kit.git synced 2026-04-22 03:00:15 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat: create zk-kit website

Browse Source
This commit is contained in:
cedoor
2022-01-20 17:38:45 +01:00
parent 45d06825ac
commit 3572ebb419
2 changed files with 70 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
.gitignore vendored
View File

@@ -44,9 +44,9 @@ node_modules/
# Generate output
dist
build
docs
gh-pages/*
!gh-pages/CNAME
docs/*
!docs/CNAME
!docs/index.html
# dotenv environment variables file
.env

67
docs/index.html Normal file
View File

@@ -0,0 +1,67 @@
<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charSet="utf-8" />
<meta http-equiv="x-ua-compatible" content="IE=edge" />
<title>ZK-kit</title>
<meta name="description" content="A monorepo of reusable JS libraries for zero-knowledge technologies." />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
</head>
<body
style="
margin: 0;
background-color: #3e2626;
color: white;
height: 100%;
font-family: 'Courier New', monospace;
display: flex;
justify-content: center;
align-items: center;
"
>
<div
style="
display: flex;
flex-direction: column;
align-items: center;
max-width: 400px;
padding: 0 20px;
text-align: center;
"
>
<h1 style="margin-bottom: 0">ZK-kit</h1>
<p>A monorepo of reusable JS libraries for zero-knowledge technologies.</p>
<ul style="list-style-type: none; padding: 0; margin: 0"></ul>
</div>
</body>
<script>
const url = "https://api.github.com/repos/appliedzkp/zk-kit/contents?ref=gh-pages"
fetch(url)
.then((response) => response.json())
.then((data) => {
const ignore = [".nojekyll", "index.html", "CNAME"]
const packages = data.map((c) => c.name).filter((name) => !ignore.includes(name))
const [element] = window.document.getElementsByTagName("ul")
let html = ""
for (const package of packages) {
html += `<li style="display: flex; align-items: center; margin-bottom: 8px">
<a style="margin-right: 15px" href="https://github.com/appliedzkp/zk-kit/tree/main/packages/identity">
<i class="fa fa-github" style="font-size: 24px; color: white"></i>
</a>
<a style="color: white; text-decoration: none"
onmouseover="this.style.color='orange';"
onmouseout="this.style.color='white';"
target="_blank" href="https://appliedzkp.github.io/zk-kit/${package}">
@zk-kit/${package} >
</a></li>`
}
element.innerHTML = html
})
</script>
</html>