UniceNotes-Website/index.html at main · UniceApps/UniceNotes-Website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta name="apple-itunes-app" content="app-id=1668992337">
    <title>UniceNotes</title>
    <meta name="description" content="Votre ENT. Dans votre poche.">
    <meta name="author" content="hugofnm">
    <link rel="stylesheet" href="assets/css/index.css">
    <link href="favicon.png" rel="icon" type="image/png">
    <link href="https://fonts.cdnfonts.com/css/bahnschrift" rel="stylesheet">
</head>

<body>
  <div class="blob blob-1"></div>
  <div class="blob blob-2"></div>

  <!-- NAV -->
  <nav>
    <div class="nav-inner">
      <a href="#" class="nav-logo">
        <img src="assets/img/logo.png" alt="UniceNotes logo" />
        <span>UniceNotes</span>
      </a>
      <div class="nav-links">
        <a href="https://github.com/UniceApps/UniceNotes" class="btn btn-ghost" target="_blank" rel="noopener">
          <svg class="gh-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
            <path d="M12 .5C5.65.5.5 5.65.5 12c0 5.1 3.29 9.42 7.86 10.95.57.1.78-.25.78-.55v-1.93c-3.19.69-3.86-1.54-3.86-1.54-.52-1.33-1.28-1.68-1.28-1.68-1.05-.71.08-.7.08-.7 1.16.08 1.77 1.19 1.77 1.19 1.03 1.76 2.7 1.25 3.36.96.1-.75.4-1.25.73-1.54-2.55-.29-5.23-1.27-5.23-5.67 0-1.25.45-2.27 1.18-3.07-.12-.29-.51-1.45.11-3.02 0 0 .96-.31 3.15 1.18a10.98 10.98 0 0 1 2.87-.39c.97.01 1.95.13 2.87.39 2.18-1.49 3.14-1.18 3.14-1.18.63 1.57.23 2.73.11 3.02.74.8 1.18 1.82 1.18 3.07 0 4.41-2.69 5.38-5.25 5.66.41.36.78 1.07.78 2.15v3.19c0 .3.2.66.79.55C20.21 21.42 23.5 17.1 23.5 12 23.5 5.65 18.35.5 12 .5Z"/>
          </svg>
          Source
        </a>
        <a href="get" class="btn btn-primary">Télécharger</a>
      </div>
    </div>
  </nav>

  <!-- HERO -->
  <section class="hero">
    <div class="wrapper">
      <div class="hero-badge">
        <span class="badge-dot"></span>
        Par hugofnm · Open source
      </div>
      <img src="assets/img/logo.png" alt="UniceNotes" class="hero-logo" />
      <h1>UniceNotes</h1>
      <p class="hero-tagline">Votre ENT. <em>Dans votre poche.</em></p>
      <div class="hero-actions">
        <a href="get" class="btn btn-primary">
          ↓ &nbsp;Télécharger l'app
        </a>
        <a href="https://github.com/UniceApps/" class="btn btn-ghost" target="_blank" rel="noopener">
          <svg class="gh-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
            <path d="M12 .5C5.65.5.5 5.65.5 12c0 5.1 3.29 9.42 7.86 10.95.57.1.78-.25.78-.55v-1.93c-3.19.69-3.86-1.54-3.86-1.54-.52-1.33-1.28-1.68-1.28-1.68-1.05-.71.08-.7.08-.7 1.16.08 1.77 1.19 1.77 1.19 1.03 1.76 2.7 1.25 3.36.96.1-.75.4-1.25.73-1.54-2.55-.29-5.23-1.27-5.23-5.67 0-1.25.45-2.27 1.18-3.07-.12-.29-.51-1.45.11-3.02 0 0 .96-.31 3.15 1.18a10.98 10.98 0 0 1 2.87-.39c.97.01 1.95.13 2.87.39 2.18-1.49 3.14-1.18 3.14-1.18.63 1.57.23 2.73.11 3.02.74.8 1.18 1.82 1.18 3.07 0 4.41-2.69 5.38-5.25 5.66.41.36.78 1.07.78 2.15v3.19c0 .3.2.66.79.55C20.21 21.42 23.5 17.1 23.5 12 23.5 5.65 18.35.5 12 .5Z"/>
          </svg>
          Code source
        </a>
      </div>
    </div>
  </section>

  <div class="divider"></div>

  <!-- FEATURES -->
  <section class="features">
    <div class="wrapper">
      <p class="section-label reveal">Fonctionnalités</p>
      <h2 class="section-title reveal">Tout ce dont vous avez<br><span>besoin, enfin mobile.</span></h2>
      <div class="grid">
        <div class="card card-featured reveal">
          <span class="card-icon">🎓</span>
          <h3>Votre ENT, repensé</h3>
          <p>Accédez à toutes les ressources de l'Université directement depuis votre smartphone — notes, emploi du temps, ... — sans jamais ouvrir un navigateur.</p>
        </div>
        <div class="card reveal">
          <span class="card-icon">📊</span>
          <h3>Notes en un coup d'œil</h3>
          <p>Consultez vos résultats et moyennes instantanément, organisés par matière et par semestre.</p>
        </div>
        <div class="card reveal">
          <span class="card-icon">📅</span>
          <h3>Emploi du temps</h3>
          <p>Visualisez votre agenda de cours semaine par semaine, synchronisé en temps réel.</p>
        </div>
        <div class="card reveal">
          <span class="card-icon">🔓</span>
          <h3>Open source</h3>
          <p>Code entièrement ouvert sur GitHub. Transparence totale, contributions bienvenues.</p>
        </div>
        <div class="card reveal">
          <span class="card-icon">⚡</span>
          <h3>Rapide &amp; léger</h3>
          <p>Interface native optimisée, sans publicité ni tracking. Votre vie universitaire, rien de plus.</p>
        </div>
      </div>
    </div>
  </section>

  <div class="divider"></div>

  <!-- CTA -->
  <section class="cta">
    <div class="wrapper">
      <div class="cta-box reveal">
        <h2>Prêt à simplifier<br>votre vie étudiante ?</h2>
        <p>Gratuit. Open source. Sans prise de tête.</p>
        <a href="get" class="btn btn-primary">↓ &nbsp;Télécharger UniceNotes</a>
      </div>
    </div>
  </section>

  <!-- FOOTER -->
  <footer>
    <div class="wrapper">
      <div class="footer-inner">
        <span>&copy; <span id="year"></span> MetrixMedia — Par hugofnm</span>
        <div class="footer-right">
          <a href="https://github.com/UniceApps/UniceNotes" target="_blank" rel="noopener">GitHub</a>
          <a href="get">Télécharger</a>
        </div>
      </div>
    </div>
  </footer>

  <script src="assets/js/index.js"></script>
</body>
</html>