{"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":[]}