1 line
5.4 KiB
JSON
1 line
5.4 KiB
JSON
{"ast":null,"code":"export default {\n name: 'ProjectDescription'\n};","map":{"version":3,"names":["name"],"sources":["/home/stcb/Desktop/TEK/Icing/monorepo/website/src/components/ProjectDescription.vue"],"sourcesContent":["<!-- src/components/Description.vue -->\n<template>\n <div id=\"description\" class=\"content\">\n <h1 class=\"title\">Project Description</h1>\n\n <div class=\"project-overview\">\n <h2 class=\"section-title\">What is Icing?</h2>\n <p>\n Icing is a simple, lightweight, and efficient dialer designed to replace your everyday phone app. It ensures end-to-end encryption of telephone communications by implementing a home-made, analogic-based voice encryption. Inspired by SRTP (Secure Real-time Transport Protocol), using ECDH (Elliptic Curve Diffie-Hellman).\n </p>\n </div>\n\n <div class=\"features\">\n <h2 class=\"section-title\">Key Features</h2>\n <ul>\n <li><strong>End-to-End Encryption:</strong> Secure your calls with robust encryption protocols.</li>\n <li><strong>Transparent:</strong> If your peer doesn't use Icing, the call remains completely normal.</li>\n <li><strong>Analogic-based:</strong> An open-source, exportable, protocol that <strong>works without internet.</strong></li>\n </ul>\n </div>\n\n <div class=\"how-it-works\">\n <h2 class=\"section-title\">How It Works</h2>\n <p>\n Icing generates a cryptographic key pair for you. Share your public key with a neat QR code.\n </p>\n <p>\n During a call between two Icing users, voices are encrypted, compressed, and transmitted via the telephone network using the Icing Acoustic Protocol.\n </p>\n </div>\n\n <div class=\"team\">\n <h2 class=\"section-title\">Our Team</h2>\n <p>\n We are a team of five dedicated individuals working on this solution:\n </p>\n <ul class=\"team-list\">\n <li><a href=\"https://github.com/Bartoszkk/\" target=\"_blank\">Bartoszkk</a></li>\n <li><a href=\"https://github.com/AustralEpitech/\" target=\"_blank\">AustralEpitech</a></li>\n <li><a href=\"https://github.com/STCB/\" target=\"_blank\">STCB</a></li>\n <li><a href=\"https://github.com/FlorianGRIFFON/\" target=\"_blank\">Florian GRIFFON</a></li>\n <li><a href=\"https://github.com/AlexisDanlos/\" target=\"_blank\">Alexis Danlos</a></li>\n </ul>\n </div>\n\n </div>\n</template>\n\n<script>\nexport default {\n name: 'ProjectDescription',\n};\n</script>\n\n<style scoped>\n/* Theme colors */\n:root {\n --primary-color: #000000; /* Green accent color */\n --background-color: #f5f5f5; /* Light background */\n --text-color: #333; /* Dark text */\n --secondary-text-color: #777; /* Secondary text color */\n}\n\n/* Base styles */\n.content {\n margin: 20px auto;\n max-width: 900px;\n padding: 40px;\n background-color: var(--background-color);\n color: var(--text-color);\n border-radius: 8px;\n font-family: 'Open Sans', Arial, sans-serif;\n position: relative;\n overflow: hidden;\n}\n\n.title {\n font-size: 2.5em;\n color: var(--primary-color);\n margin-bottom: 30px;\n text-align: center;\n animation: fadeInDown 1s ease;\n}\n\n.section-title {\n font-size: 1.8em;\n color: var(--primary-color);\n margin-top: 40px;\n margin-bottom: 20px;\n position: relative;\n animation: fadeInLeft 1s ease;\n}\n\n.section-title::after {\n content: '';\n width: 50px;\n height: 3px;\n background-color: var(--primary-color);\n position: absolute;\n bottom: -10px;\n left: 0;\n}\n\np, li {\n line-height: 1.6;\n font-size: 1.1em;\n animation: fadeIn 1s ease;\n}\n\nul {\n margin-left: 20px;\n list-style-type: disc;\n}\n\n.features ul li {\n margin-bottom: 10px;\n}\n\n.team-list {\n list-style-type: none;\n padding: 0;\n}\n\n.team-list li {\n margin-bottom: 8px;\n font-weight: bold;\n color: var(--text-color);\n}\n\n.back-link-container {\n text-align: center;\n margin-top: 40px;\n animation: fadeInUp 1s ease;\n}\n\n.back-link {\n text-decoration: none;\n color: var(--primary-color);\n font-weight: bold;\n border: 2px solid var(--primary-color);\n padding: 10px 20px;\n border-radius: 5px;\n transition: background-color 0.3s, color 0.3s;\n}\n\n.back-link:hover {\n background-color: var(--primary-color);\n color: #fff;\n}\n\n@keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translateY(-20px);\n } to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeInLeft {\n from {\n opacity: 0;\n transform: translateX(-20px);\n } to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n } to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes fadeIn {\n from {\n opacity: 0;\n } to {\n opacity: 1;\n }\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n .content {\n padding: 20px;\n }\n\n .title {\n font-size: 2em;\n }\n\n .section-title {\n font-size: 1.5em;\n }\n\n p, li {\n font-size: 1em;\n }\n}\n\n@media (max-width: 480px) {\n .content {\n padding: 15px;\n }\n\n .title {\n font-size: 1.8em;\n }\n\n .section-title {\n font-size: 1.2em;\n }\n\n p, li {\n font-size: 0.9em;\n }\n}\n\na {\n color: var(--primary-color);\n text-decoration: none;\n}\n</style>\n"],"mappings":"AAiDA,eAAe;EACbA,IAAI,EAAE;AACR,CAAC","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |