-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
edc9dd5
commit b9efc67
Showing
13 changed files
with
1,536 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,152 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <title>ICE CUBE</title> | ||
| <link rel="icon" href="./favicon.png"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <link rel="stylesheet" href="./style.css"> | ||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <div class="bouncing-blobs-container"> | ||
| <div class="bouncing-blobs-glass"></div> | ||
| <div class="bouncing-blobs"> | ||
| <div class="bouncing-blob bouncing-blob--blue"></div> | ||
| <div class="bouncing-blob bouncing-blob--blue"></div> | ||
| <div class="bouncing-blob bouncing-blob--blue"></div> | ||
| <div class="bouncing-blob bouncing-blob--white"></div> | ||
| <div class="bouncing-blob bouncing-blob--purple"></div> | ||
| <div class="bouncing-blob bouncing-blob--purple"></div> | ||
| <div class="bouncing-blob bouncing-blob--pink"></div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <header data-animation="fadeIn"> | ||
| <h1> | ||
| <div class="title" data-animation="slideInDown" data-animation-delay="0.75s"> | ||
| <b> | ||
| 👋Social Media, | ||
| <br> | ||
| Back to the People. | ||
| </b> | ||
| <p>Join a decentralized social network where you control your data and connect freely. Experience a platform built on individual <span>S</span><span>o</span><span>v</span><span>e</span><span>r</span><span>e</span><span>i</span><span>g</span><span>n</span><span>t</span><span>y</span> and community collaboration.</p> | ||
| </div> | ||
| <div class="subtitle" data-animation="slideInUp" data-animation-delay="1.5s"> | ||
| <div class="app-link"> | ||
| <a href="https://2f64i-aaaaa-aaaan-qiu4q-cai.icp0.io" target="_blank" rel="noopener noreferer"> | ||
| Launch APP | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </h1> | ||
| </header> | ||
|
|
||
| <div class="part1"> | ||
| <img class="part1-img" src="./img/img1.webp"> | ||
| <div class="part1-word"> | ||
| <div class="part1-title">Where Users Reign Supreme in the Digital Realm</div> | ||
| <p> | ||
| Each user possesses an independent server (<a href="https://internetcomputer.org/how-it-works/canister-lifecycle/" target="_blank" rel="noopener noreferrer">Canister</a>) deployed on a <a href="https://internetcomputer.org" target="_blank" rel="noopener noreferrer">decentralized cloud computing network</a>. Entirely controlled by the user's private key, it securely stores personal information. This ensures exceptional responsiveness and an outstanding user experience. | ||
| <br> | ||
| <br> | ||
| Join us in ushering a new era of user-centric social networking. | ||
| </p> | ||
| <a href="https://github.com/NeutronStarDAO/ICECUBE" target="_blank" rel="noopener noreferrer"> | ||
| <div class="github"> | ||
| <img src="./img/GitHub.png" alt="Github"> | ||
| Github | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="part2"> | ||
| <div class="part2-word"> | ||
| <div class="part2-title">Harnessing Decentralization's Avant-Garde</div> | ||
| <p> | ||
| By leveraging decentralized cloud computing, we are dedicated to empowering individuals to reclaim control over their data and online presence. We upholds the principles of privacy, security, and autonomy, enabling users to connect and interact without reliance on centralized authorities. | ||
| <br> | ||
| Through this innovative approach, we aim to revolutionize the social networking landscape, fostering a truly democratic and user-centric digital ecosystem. | ||
| </p> | ||
| </div> | ||
| <img class="part1-img" src="./img/img2.png"> | ||
| </div> | ||
|
|
||
| <div class="card-title"> | ||
| Embrace True Digital Freedom | ||
| </div> | ||
|
|
||
| <div class="card"> | ||
|
|
||
| <div class="box" data-animation="zoomIn"> | ||
| <span class="box-icon">🔒</span> | ||
| <div class="card-header">Secure and Private</div> | ||
| <div class="card-word"> | ||
| Our cutting-edge technology keeps you in control. | ||
| </div> | ||
|
|
||
| <a href="./technology/index.html" target="_blank" rel="noopener noreferrer"> | ||
| <div id="card-button-container"> | ||
| <button class="learn-more"> | ||
| <span class="circle" aria-hidden="true"> | ||
| <span class="icon arrow"></span> | ||
| </span> | ||
| <span class="button-text">How it works</span> | ||
| </button> | ||
| </div> | ||
| </a> | ||
|
|
||
| </div> | ||
|
|
||
| <div class="box" data-animation="zoomIn" data-animation-delay="300ms"> | ||
| <span class="box-icon">📝</span> | ||
| <div class="card-header">Community-driven</div> | ||
| <div class="card-word"> | ||
| See our plans for a better social future. | ||
| </div> | ||
|
|
||
| <a href="./roadmap/index.html" target="_blank" rel="noopener noreferrer"> | ||
| <div id="card-button-container"> | ||
| <button class="learn-more"> | ||
| <span class="circle" aria-hidden="true"> | ||
| <span class="icon arrow"></span> | ||
| </span> | ||
| <span class="button-text">Roadmap</span> | ||
| </button> | ||
| </div> | ||
| </a> | ||
| </div> | ||
|
|
||
| <div class="box" data-animation="zoomIn" data-animation-delay="600ms"> | ||
| <span class="box-icon">👀</span> | ||
| <div class="card-header">Stay Tuned</div> | ||
| <div class="card-word"> | ||
| Connect with community that values your voice and privacy. | ||
| </div> | ||
| <div class="card-button"> | ||
| <a href="https://x.com/icecubeapp" target="_blank" rel="noopener noreferrer"> | ||
| <div class="card-button-social"> | ||
| <img src="./img/X.svg" alt="X"> | ||
| </div> | ||
| </a> | ||
| <a href="https://x.com/icecubeapp" target="_blank" rel="noopener noreferrer"></a> | ||
| <div class="card-button-social"> | ||
| <img class="card-dc" src="./img/Discord.svg" alt="Discord"> | ||
| </div> | ||
| </a> | ||
| <a href="https://x.com/icecubeapp" target="_blank" rel="noopener noreferrer"></a> | ||
| <div class="card-button-social"> | ||
| <img src="./img/Openchat.svg" alt="Openchat"> | ||
| </div> | ||
| </a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <script src="./script.js"></script> | ||
|
|
||
| </body> | ||
| </html> |
Oops, something went wrong.