me/p2p-rendering-computation
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adds support for Dark Mode

Browse Source 
Follows Material Design's Color standards for Dark Mode viewing and
appropriately applied it for the website
This commit is contained in:
Chandrashekhar R
2021-12-22 13:15:12 +04:00
parent b82d56b8d0
commit 6a25e540b2
2 changed files with 75 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
index.html
View File

@@ -1,61 +1,58 @@
<html>
<head>
<title>P2PRC</title>
<style>
body { font-family: sans-serif; }
</style>
<link rel="stylesheet" href="style.css"></link>
</head>
<body>
<img src="Docs/images/p2prclogo.png" alt="P2PRC Logo">
<h1>P2PRC</h1>
<b>A peer to peer network designed for computation</b>
<img src="Docs/images/p2prclogo.png" alt="P2PRC Logo">
<h1>P2PRC</h1>
<b>A peer to peer network designed for computation</b>
<p><dfn>P2PRC</dfn> is peer to peer to network designed for computation reasons.</p>
<p>This project was developed during my 4th year dissertation at Heriot-Watt University and We are getting the
project to a usable state.</p>
<p> It's purpose is for people to use each others computers rather than servers such as <abbr title="Amazon Web Services">AWS</abbr> and <span title="Microsoft Azure">Azure</span>.</p>
<p><dfn>P2PRC</dfn> is peer to peer to network designed for computation reasons.</p>
<p>This project was developed during my 4th year dissertation at Heriot-Watt University and We are getting the project to a usable state.</p>
<p> It's purpose is for people to use each others computers rather than servers such as <abbr title="Amazon Web Services">AWS</abbr> and <span title="Microsoft Azure">Azure</span>.</p>
<p><b>Project:</b></p>
<ul>
<li>
<a href="https://github.com/Akilan1999/p2p-rendering-computation" target="_blank">P2PRC on GitHub</a>
</li>
<li>
<a href="https://discord.gg/b4nRGTjYqy" target="_blank">P2PRC Discord Server</a> <span style="color: red;">(join here to chat!)</span>
</li>
</ul>
<p><b>Project:</b></p>
<ul>
<li>
<a href="https://github.com/Akilan1999/p2p-rendering-computation" target="_blank">P2PRC on GitHub</a>
</li>
<li>
<a href="https://discord.gg/b4nRGTjYqy" target="_blank">P2PRC Discord Server</a> <span id="discordJoin">(join here to chat!)</span>
</li>
</ul>
<p><b>Community Server to download public network</b></p>
<ul>
<li>
<b>Only for v1.0.0</b>
<br>
<!-- <b>IP Address: 172.104.44.195</b>-->
<p>Use this server to only download part of the p2p network</p>
</li>
<li>
<b>Master branch</b>
<br>
<!-- <b>IP Address: 139.162.246.221</b>-->
<p>Use this server to only download part of the p2p network</p>
</li>
</ul>
<p><b>Community Server to download public network</b></p>
<ul>
<li>
<b>Only for v1.0.0</b>
<br>
<!-- <b>IP Address: 172.104.44.195</b>-->
<p>Use this server to only download part of the p2p network</p>
</li>
<li>
<b>Master branch</b>
<br>
<!-- <b>IP Address: 139.162.246.221</b>-->
<p>Use this server to only download part of the p2p network</p>
</li>
</ul>
<p><b>Main developer:</b></p>
<ul>
<li>
<b><a href="https://akilan.io" target="_blank"><span title="The Not So Boring Developer">Akilan Selvacoumar</span></a></b>
</li>
</ul>
<p><b>Other links:</b></p>
<ul>
<li><a href="https://www.youtube.com/channel/UChy18QB1hBzZ7MniIW_FJvQ" target="_blank">Akilan Selvacoumar on YouTube</a></li>
<li><a href="https://akilan.io/projects/p2prc/" target="_blank">Project info from akilan.io</a></li>
</ul>
<p><b>Main developer:</b></p>
<ul>
<li>
<b><a href="https://akilan.io" target="_blank"><span title="The Not So Boring Developer">Akilan Selvacoumar</span></a></b>
</li>
</ul>
<p><b>Other links:</b></p>
<ul>
<li><a href="https://www.youtube.com/channel/UChy18QB1hBzZ7MniIW_FJvQ" target="_blank">Akilan Selvacoumar on YouTube</a></li>
<li><a href="https://akilan.io/projects/p2prc/" target="_blank">Project info from akilan.io</a></li>
</ul>
</body>
</html>

31
style.css Normal file
View File

@@ -0,0 +1,31 @@
body {
font-family: sans-serif;
}
span#discordJoin {
color: red;
}
/* Dark mode */
@media (prefers-color-scheme: dark) {
body {
background: #121212;
color: #FFFFFF;
}
a:link{
color: #03DAC5;
}
a:visited {
color: #BB86FC;
}
a:hover {
color: #018786;
}
span#discordJoin {
color: #cc0227;
}
}