Spaces:

Lernex
/

README

Running

App Files Files Community

GiuliannoV commited on 13 days ago

Commit

f2882f0

verified ·

1 Parent(s): 48f7e30

Simplify Lernex organization card layout

Browse files

Files changed (2) hide show

index.html +141 -187
style.css +3 -26

index.html CHANGED Viewed

@@ -3,228 +3,182 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="color-scheme" content="dark" />
     <title>Lernex</title>
     <style>
       * { box-sizing: border-box; }
-      html, body { min-height: 100%; }
-      body { margin: 0; background: #070b12; }
-      .org-card {
-        --bg: #070b12;
-        --panel: #0d1420;
-        --panel-soft: #111b2a;
-        --line: rgba(148, 163, 184, 0.22);
-        --text: #f8fafc;
-        --muted: #a8b3c5;
-        --soft: #738095;
-        --blue: #65a5ff;
-        --teal: #58d5c9;
-        --amber: #f6c65b;
-        position: relative;
-        width: min(100%, 1180px);
-        margin: 0 auto;
-        padding: clamp(22px, 4vw, 44px);
-        overflow: hidden;
-        background: var(--bg);
-        color: var(--text);
-        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
         letter-spacing: 0;
       }
-      .org-card::before {
-        content: "";
-        position: absolute;
-        inset: 0;
-        pointer-events: none;
-        background:
-          linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
-          linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
-        background-size: 44px 44px;
-        mask-image: linear-gradient(to bottom, rgba(0,0,0,.72), transparent 72%);
       }
-      .shell {
-        position: relative;
-        display: grid;
-        grid-template-columns: minmax(0, 1.02fr) minmax(310px, .98fr);
-        gap: clamp(22px, 3.8vw, 46px);
-        align-items: start;
       }
-      .eyebrow {
-        display: inline-flex;
-        align-items: center;
-        gap: 10px;
-        margin: 0 0 17px;
-        color: var(--teal);
-        font-size: 12px;
-        font-weight: 760;
-        letter-spacing: .12em;
-        text-transform: uppercase;
-      }
-      .eyebrow::before {
-        content: "";
-        width: 8px;
-        height: 8px;
-        border-radius: 99px;
-        background: var(--teal);
-        box-shadow: 0 0 0 4px rgba(88, 213, 201, .12);
       }
-      h1 {
-        margin: 0;
-        color: var(--text);
-        font-size: clamp(52px, 9vw, 106px);
-        line-height: .9;
-        font-weight: 780;
-        letter-spacing: 0;
       }
-      .lead {
-        max-width: 700px;
-        margin: 21px 0 0;
-        color: #dbe6f5;
-        font-size: clamp(20px, 1.9vw, 25px);
-        line-height: 1.24;
-        font-weight: 650;
       }
-      .body-copy {
-        max-width: 710px;
-        margin: 16px 0 0;
-        color: var(--muted);
-        font-size: 14px;
-        line-height: 1.58;
       }
-      .purpose {
-        margin-top: 20px;
-        border-left: 2px solid rgba(88, 213, 201, .65);
-        padding-left: 16px;
-        color: #c8d4e6;
-        font-size: 14px;
         line-height: 1.55;
-        max-width: 710px;
       }
-      .panel {
-        border: 1px solid var(--line);
-        background: #0b1220;
-        border-radius: 8px;
-        padding: clamp(19px, 2.8vw, 28px);
-        box-shadow: 0 20px 60px rgba(0,0,0,.28);
       }
-      .panel h2 {
-        margin: 0;
-        color: #eff6ff;
-        font-size: 18px;
-        line-height: 1.2;
-        font-weight: 760;
-        letter-spacing: 0;
-      }
-      .panel p {
-        margin: 11px 0 0;
-        color: var(--muted);
-        line-height: 1.5;
-        font-size: 14px;
-      }
-      .model-list {
-        display: grid;
-        gap: 9px;
-        margin-top: 18px;
-      }
-      .model-link {
-        display: grid;
-        grid-template-columns: 1fr auto;
-        gap: 14px;
-        align-items: center;
-        min-height: 54px;
-        padding: 12px 14px;
-        border: 1px solid rgba(148, 163, 184, .18);
-        background: var(--panel-soft);
-        border-radius: 8px;
-        color: inherit;
-        text-decoration: none;
-      }
-      .model-link:hover {
-        border-color: rgba(101, 165, 255, .55);
-        background: #142035;
-      }
-      .model-link strong {
-        display: block;
-        color: #f8fafc;
-        font-size: 14px;
-      }
-      .model-link span {
-        display: block;
-        margin-top: 3px;
-        color: var(--soft);
-        font-size: 12px;
-      }
-      .tag {
-        color: #07111f;
-        background: var(--amber);
-        border-radius: 999px;
-        padding: 5px 8px;
-        font-size: 12px;
         font-weight: 800;
       }
-      .feedback {
-        margin-top: 20px;
-        padding-top: 18px;
-        border-top: 1px solid var(--line);
-        color: #dbe7f8;
-        font-size: 14px;
-        font-weight: 650;
       }
-      .feedback a {
-        color: var(--blue);
-        text-decoration: none;
-        font-weight: 800;
       }
-      .feedback a:hover { text-decoration: underline; }
-      @media (max-width: 900px) {
-        .shell { grid-template-columns: 1fr; }
-        .org-card { padding: 28px 18px; }
-        h1 { font-size: clamp(52px, 18vw, 88px); }
       }
     </style>
   </head>
   <body>
     <main class="org-card">
-      <div class="shell">
-        <section>
-          <div class="eyebrow">Lernex Research</div>
-          <h1>Lernex</h1>
-          <p class="lead">An AI-personalized learning platform built around the learner, the material, and the moment.</p>
-          <p class="body-copy">Lernex turns notes, PDFs, slides, classroom material, questions, and learner goals into lessons, quizzes, flashcards, explanations, study paths, feedback, and memory-aware tutoring.</p>
-          <p class="body-copy">We use AI as the adaptive layer of the learning experience: reading messy source material, shaping practice, explaining ideas, tracking what is confusing, and helping each learner take the next useful step.</p>
-          <p class="purpose">Metis is our compact model line for ultra-efficient learning AI: models that punch above their weight, run affordably, and fit the exact jobs Lernex needs instead of forcing every interaction through oversized, slow, or expensive general-purpose systems.</p>
-        </section>
-        <aside class="panel" aria-label="Metis model releases">
-          <h2>Why Metis exists</h2>
-          <p>General AI models are often the wrong shape for education products. Some are smart but too slow or expensive for high-frequency learning loops. Others are affordable but not sharp enough where reasoning and tutoring quality matter.</p>
-          <p>Metis is Lernex saying: stop complaining about the tradeoffs and build the models the product actually needs.</p>
-          <div class="model-list">
-            <a class="model-link" href="https://huggingface.co/Lernex/Metis-1.4-base" target="_blank" rel="noreferrer">
-              <div><strong>Metis-1.4 Base</strong><span>Current base release</span></div><span class="tag">1.4</span>
-            </a>
-            <a class="model-link" href="https://huggingface.co/Lernex/Metis-1.4-chat" target="_blank" rel="noreferrer">
-              <div><strong>Metis-1.4 Chat</strong><span>Conversation and learning support</span></div><span class="tag">1.4</span>
-            </a>
-            <a class="model-link" href="https://huggingface.co/Lernex/Metis-1.4-think" target="_blank" rel="noreferrer">
-              <div><strong>Metis-1.4 Think</strong><span>Compact reasoning variant</span></div><span class="tag">1.4</span>
-            </a>
-          </div>
-          <p class="feedback">Got any suggestions? <a href="mailto:feedback@lernex.net">feedback@lernex.net</a></p>
-        </aside>
-      </div>
     </main>
   </body>
 </html>

   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="color-scheme" content="light dark" />
     <title>Lernex</title>
     <style>
       * { box-sizing: border-box; }
+      body {
+        margin: 0;
+        background: transparent;
+        color: #d7dde8;
+        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
         letter-spacing: 0;
       }
+      .org-card {
+        width: 100%;
+        max-width: 100%;
+        margin: 0;
+        padding: 0 0 8px;
       }
+      .hero {
+        display: block;
+        width: 100%;
+        height: auto;
+        margin: 0 0 40px;
+        border-radius: 2px;
       }
+      p {
+        margin: 0 0 18px;
+        color: #c6cedb;
+        font-size: clamp(18px, 2.1vw, 22px);
+        line-height: 1.55;
       }
+      .intro {
+        color: #e7ebf2;
+        font-style: italic;
       }
+      a {
+        color: inherit;
+        font-weight: 700;
+        text-decoration: underline;
+        text-underline-offset: 3px;
       }
+      h2 {
+        margin: 52px 0 20px;
+        color: #eef2f8;
+        font-size: clamp(24px, 3vw, 30px);
+        line-height: 1.2;
+        font-weight: 800;
       }
+      ul {
+        margin: 0 0 12px;
+        padding-left: 28px;
+        color: #c6cedb;
+        font-size: clamp(18px, 2.1vw, 22px);
         line-height: 1.55;
       }
+      li {
+        margin: 0 0 16px;
       }
+      strong {
+        color: #eef2f8;
         font-weight: 800;
       }
+      .resources {
+        margin-bottom: 0;
       }
+      @media (prefers-color-scheme: light) {
+        body { color: #202733; }
+        p, ul { color: #475467; }
+        .intro, h2, strong { color: #111827; }
       }
+      @media (max-width: 700px) {
+        .hero { margin-bottom: 28px; }
+        h2 { margin-top: 36px; }
+        ul { padding-left: 22px; }
       }
     </style>
   </head>
   <body>
     <main class="org-card">
+      <img
+        class="hero"
+        src="https://huggingface.co/spaces/Lernex/README/resolve/main/assets/lernex-org-banner.jpg"
+        alt="Lernex turns learning material into adaptive study paths and compact AI systems"
+      />
+      <p class="intro">Welcome to the official Lernex organization on Hugging Face.</p>
+      <p>
+        <a href="https://www.lernex.net/" target="_blank" rel="noreferrer">Lernex</a>
+        is an AI-personalized learning platform built around a simple idea:
+        studying should adapt to the learner, the material, and the moment.
+        Lernex turns notes, PDFs, slides, classroom material, questions, and
+        learner goals into lessons, quizzes, flashcards, explanations, study
+        paths, feedback, and memory-aware tutoring.
+      </p>
+      <p>
+        This organization is where Lernex publishes the Metis model line and
+        related open research artifacts. Metis models are compact, efficient
+        language models built for the specific jobs inside a learning product:
+        tutoring, explanations, writing support, practice generation, concise
+        reasoning, and fast product loops that cannot depend on oversized
+        systems for every interaction.
+      </p>
+      <h2>What Lernex Is Building</h2>
+      <ul>
+        <li><strong>A continuous learning companion</strong>: Lernex is designed so a learner does not restart from zero every time they open a different class, generated lesson, quiz, flashcard set, or study path.</li>
+        <li><strong>Adaptive study material</strong>: source material can become structured lessons, checks for understanding, retrieval-friendly notes, and targeted practice.</li>
+        <li><strong>Personalized learning paths</strong>: Lernex uses learner goals, progress, confusion signals, and prior activity to shape what should come next.</li>
+        <li><strong>Fast learning workflows</strong>: learning tools should feel responsive enough for everyday studying, not like heavyweight one-off AI demos.</li>
+      </ul>
+      <h2>Why We Build Models</h2>
+      <p>
+        Education products need a different model shape than general chat
+        products. Some proprietary models are powerful but expensive or slow
+        for high-frequency learning loops. Some open models are affordable but
+        miss the tutoring, instruction-following, reasoning, or product-specific
+        behavior Lernex needs.
+      </p>
+      <p>
+        Metis is our answer to that mismatch: build compact models that are
+        useful where learning quality matters, efficient enough to run often,
+        and honest about the tradeoffs between size, reasoning, latency, and
+        cost.
+      </p>
+      <h2>Featured Models</h2>
+      <ul>
+        <li><strong><a href="https://huggingface.co/Lernex/Metis-1.4-base" target="_blank" rel="noreferrer">Metis-1.4 Base</a></strong> - current base release for the Metis-1.4 line.</li>
+        <li><strong><a href="https://huggingface.co/Lernex/Metis-1.4-chat" target="_blank" rel="noreferrer">Metis-1.4 Chat</a></strong> - conversational variant for tutoring, writing, explanations, and learning support.</li>
+        <li><strong><a href="https://huggingface.co/Lernex/Metis-1.4-think" target="_blank" rel="noreferrer">Metis-1.4 Think</a></strong> - reasoning-oriented variant for compact step-by-step problem solving.</li>
+        <li><strong><a href="https://huggingface.co/Lernex/Metis-1.3-base" target="_blank" rel="noreferrer">Metis-1.3 Base</a></strong>, <strong><a href="https://huggingface.co/Lernex/Metis-1.3-chat" target="_blank" rel="noreferrer">Chat</a></strong>, and <strong><a href="https://huggingface.co/Lernex/Metis-1.3-think" target="_blank" rel="noreferrer">Think</a></strong> - earlier hybrid Mamba-attention research releases.</li>
+      </ul>
+      <h2>Research Direction</h2>
+      <ul>
+        <li><strong>Compact tutoring models</strong>: smaller models that can still explain clearly, generate useful practice, and behave consistently in learning contexts.</li>
+        <li><strong>Efficient reasoning</strong>: model variants that spend compute where step-by-step problem solving matters instead of making every request expensive.</li>
+        <li><strong>Product-shaped evaluation</strong>: evaluating models on whether they help learners understand, practice, revise, and move forward, not only on broad benchmark prestige.</li>
+        <li><strong>Deployment practicality</strong>: keeping model size, serving cost, latency, and memory footprint in view from the start.</li>
+      </ul>
+      <h2>How This Connects to Lernex</h2>
+      <p>
+        Lernex uses AI to help learners bring messy material into a system that
+        can teach from it. The long-term goal is not just a better chatbot; it
+        is one learning relationship that carries context across generated
+        lessons, study paths, practice, feedback, and review.
+      </p>
+      <p>
+        The Metis line supports that goal by giving Lernex a model family it can
+        tune around real learning workflows instead of treating every AI job as
+        the same generic chat problem.
+      </p>
+      <h2>Resources</h2>
+      <ul class="resources">
+        <li>Website: <a href="https://www.lernex.net/" target="_blank" rel="noreferrer">lernex.net</a></li>
+        <li>Company page: <a href="https://www.lernex.net/company" target="_blank" rel="noreferrer">lernex.net/company</a></li>
+        <li>Product feedback: <a href="mailto:feedback@lernex.net">feedback@lernex.net</a></li>
+        <li>Business contact: <a href="mailto:business@lernex.net">business@lernex.net</a></li>
+      </ul>
     </main>
   </body>
 </html>

style.css CHANGED Viewed

@@ -1,28 +1,5 @@
 body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
-}
-h1 {
-	font-size: 16px;
-	margin-top: 0;
-}
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
-}
-.card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
-}
-.card p:last-child {
-	margin-bottom: 0;
 }

 body {
+  margin: 0;
+  background: transparent;
+  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 }