renommage de lib, rendre buildable

my-workspace/projects/sae-lib/src/lib/sae-lib.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SaeLib } from './sae-lib';
+
+describe('SaeLib', () => {
+  let component: SaeLib;
+  let fixture: ComponentFixture<SaeLib>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [SaeLib]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(SaeLib);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

my-workspace/projects/sae-lib/src/lib/sae-lib.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'lib-sae-lib',
+  imports: [],
+  template: `
+    <p>
+      sae-lib works!
+    </p>
+  `,
+  styles: ``
+})
+export class SaeLib {
+
+}

my-workspace/projects/sae-lib/src/public-api.ts

@@ -0,0 +1,5 @@
+/*
+ * Public API Surface of sae-lib
+ */
+
+export * from './lib/sae-lib';

my-workspace/projects/sae-lib/src/styles/_conversations.scss

@@ -0,0 +1,187 @@
+.conversations-title {
+  color: #1E1F22;
+
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: normal;
+}
+
+.user-infos {
+  text-align: left;
+  color: #1E1F22;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 16px; /* 114.286% */
+  width: 300px;
+  position: relative;
+  left: -64px;
+  top: -32px;
+
+  .time-ago {
+    color: #1E1F22;
+
+    font-size: 10px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 8px;
+    padding-left: 3px;
+  }
+
+  .user-name {
+    color: #1E1F22;
+
+    font-size: 14px;
+
+    font-weight: 600;
+    line-height: 16px; /* 114.286% */
+  }
+}
+
+.message {
+  padding: 16px 50px;
+
+  border-radius: 8px;
+  margin-bottom: 40px;
+  margin-top: 10px;
+  animation: fadeIn 0.5s ease-in-out;
+
+
+  &.llm {
+    background: rgba(#3b87cc, 10%);
+    margin-right: 100px;
+    margin-left: 10px;
+    text-align: left;
+
+    .message-content {
+      margin-left: -25px;
+    }
+
+    .actions {
+      margin-right: -25px;
+      padding-right: 0;
+      padding-bottom: 0;
+    }
+  }
+
+  &.user {
+    background: white;
+    margin-right: 10px;
+    margin-left: 260px;
+    text-align: right;
+
+    padding-top: 12px;
+    padding-bottom: 12px;
+
+    .actions {
+      position: relative;
+      right: -60px;
+      top: -27px;
+      height: 0;
+
+
+      .button {
+        background: transparent;
+
+        &.edit {
+          color: #9B9DA6;
+        }
+      }
+    }
+  }
+
+  .message-content {
+    color: #1E1F22;
+
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 16px; /* 114.286% */
+
+  }
+
+  .actions {
+
+    padding-top: 8px;
+    padding-right: 16px;
+    padding-bottom: 8px;
+
+    .button {
+
+      cursor: pointer;
+      color: #1E1F22;
+      font-family: Inter;
+      font-size: 10px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 8px; /* 80% */
+      border-radius: 8px;
+      border: solid 1px transparent;
+      background: rgba(#3B87CC80, 50%);
+      display: inline-flex;
+      height: 24px;
+      padding: 7px 10px 8px 10px;
+      justify-content: center;
+      align-items: flex-start;
+      gap: 7px;
+      flex-shrink: 0;
+
+      margin-left: 16px;
+
+      &:hover, &:focus, &:active {
+        border: solid 1px rgba(#3B87CC80, 90%);
+        background: rgba(#3B87CC80, 70%);
+        color: white;
+      }
+
+    }
+
+  }
+
+  .table {
+    width: 100%;
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+
+    th, td {
+      padding: 8px;
+    }
+
+    tr:nth-child(even) {
+      td {
+        background: rgba(#3B87CC80, 10%);
+      }
+    }
+  }
+}
+
+
+@media (max-width: 768px) {
+  .chat-column.column,
+  .message.user,
+  .message.llm,
+  .conversation-messages-container {
+    width: 100vw !important;
+    min-width: 100vw !important;
+    max-width: 100vw !important;
+    position: static;
+    margin-right: 10px;
+    margin-left: 10px;
+  }
+}
+
+@media (min-width: 769px) {
+  .message {
+    max-width: 760px;
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}

my-workspace/projects/sae-lib/src/styles/_debug.scss

@@ -0,0 +1,39 @@
+
+@use '_shadows.scss';
+
+.visible-imbrication {
+
+  div {
+    //padding-left: 0.5rem;
+    //border-left: solid 1px #dedede;
+    //margin-top: 1rem;
+  }
+
+  .navigation, .new-input {
+    margin-bottom: 2rem;
+  }
+
+  .debug
+    //.aside, .panel-more, .new-input
+  {
+    border: dashed 2px #ccc;
+    padding: 0.5rem;
+  }
+}
+
+
+// inbox styles
+.alert {
+  padding: 1rem 2rem;
+  border: solid 1px black;
+  border-radius: shadows.$spacing-1;
+  margin-top: shadows.$spacing-1;
+  margin-bottom: shadows.$spacing-1;
+}
+
+app-color-display {
+  + app-color-display {
+    margin-left: 1rem;
+    margin-top: 1rem;
+  }
+}

my-workspace/projects/sae-lib/src/styles/_global.scss

@@ -0,0 +1,44 @@
+@use "variables";
+
+
+// global
+body {
+  color: variables.$main-text-color;
+  font-family: "Barlow", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+.container {
+  margin: 0 auto;
+  width: 800px;
+}
+
+footer {
+  padding-bottom: 10rem;
+}
+
+.active-link {
+  background: green;
+}
+
+nav {
+  li {
+    cursor: pointer;
+
+    &:hover {
+      background: lightblue;
+    }
+  }
+}
+
+.navbar-dropdown {
+  background: white;
+}
+
+.main-footer {
+  background: #1b1d27;
+  color: #ccc;
+  padding-top: 2rem;
+  font-size: 0.8rem;
+
+  font-style: italic;
+}

my-workspace/projects/sae-lib/src/styles/_layout_demo.scss

@@ -0,0 +1,214 @@
+@use 'variables';
+
+
+#layout_demo {
+  .app-theme-light & {
+    background: #fff;
+  }
+
+  .app-theme-dark & {
+    background: #333;
+  }
+
+  .app-theme-funky & {
+    background: #ffe1e1;
+  }
+}
+
+.layout-split {
+  .navbar {
+    background: #1b1d27;
+    color: white;
+
+    .navbar-brand {
+      .navbar-item {
+        padding: 10px;
+        margin-left: 16px;
+
+        i {
+          font-size: 24px;
+        }
+      }
+    }
+
+  }
+
+  .navigation {
+    background: variables.$bg-color-nav;
+    color: variables.$neutral-white;
+    padding: variables.$spacing-1;
+
+
+  }
+
+  .nav-button {
+    width: 44px;
+    padding: 14px;
+    margin: 16px;
+    border-radius: 12px;
+    color: white;
+  }
+
+  #newChatBar {
+    margin-top: 24px;
+    margin-bottom: 16px;
+  }
+
+  .new-chat-title {
+    text-align: left;
+    font-size: 20px;
+    font-weight: 600;
+  }
+
+  .search-button {
+    background: #f4f6fc;
+    @extend .nav-button !optional;
+    margin: 0 16px 0;
+    color: #1B1D27;
+  }
+
+  .new-button {
+    // #07397c, #1767ad, #255b8e
+    background: linear-gradient(70deg, #07397C -37.98%, #1767AD 17.98%, #255B8E 53.85%);
+    @extend .nav-button !optional;
+  }
+
+  .admin-actions {
+    padding: 0 12px;
+  }
+
+  .column-conversation {
+    padding: 0 12px;
+
+    .conversation-container {
+      padding-top: 12px;
+      padding-left: 12px;
+    }
+
+    input {
+      display: none;
+
+      &.is-visible {
+        display: block;
+      }
+    }
+
+    .conversation-item {
+      padding: 8px;
+      cursor: pointer;
+
+      &:hover {
+        background: #E5E5E5;
+      }
+
+      &.is-active {
+        background: #E5E5E5;
+        font-weight: 600;
+      }
+    }
+
+  }
+
+  .chat {
+    background: variables.$bg-color-chat;
+    text-align: center;
+    padding: variables.$spacing-1;
+
+
+    .app-theme-light & {
+
+      background: #F5F5F5;
+
+    }
+
+    .app-theme-dark & {
+
+      background: #2c2c2c;
+      color: #d5d5d5;
+
+      .message {
+
+        &.user {
+          background: #232432;
+          color: #8b8ecf;
+        }
+
+        &.llm {
+          background: #232432;
+
+          .message-content {
+            color: #8b8ecf;
+
+          }
+
+          .actions {
+
+            .button {
+              background: #0d0e15;
+              color: grey;
+            }
+          }
+
+        }
+      }
+
+    }
+
+    .app-theme-funky & {
+      color: #1B1D27;
+      background: #ffe8e8;
+
+      .message {
+        .message-content {
+          color: #fff3f3;
+        }
+
+        &.user {
+          background: #d6a3a3;
+          color: #1B1D27;
+        }
+
+        &.llm {
+
+          background: #9f36bc;
+          color: #bba7d6;
+
+          .actions {
+
+            .button {
+              background: #b08eba;
+              color: #d4b4ff;
+            }
+          }
+
+        }
+      }
+
+    }
+
+    .message {
+
+      &.user {
+        background: variables.$neutral-white;
+      }
+
+      &.llm {
+        background: rgba(#3B87CC1A, 10%);
+
+      }
+    }
+  }
+
+  .panel-more {
+    background: variables.$bg-color-chat;
+    padding: variables.$spacing-1;
+
+    width: 0;
+    display: none;
+
+    &.expanded {
+      width: 300px !important;
+      display: block;
+    }
+  }
+}

my-workspace/projects/sae-lib/src/styles/_main_button.scss

@@ -0,0 +1,28 @@
+@use "shadows";
+
+
+app-main-button {
+  button {
+    background: shadows.$primary-color;
+    color: shadows.$neutral-white;
+    border-radius: shadows.$radius-main;
+    padding: 1rem 2rem;
+    cursor: pointer;
+    transition: all 0.25s ease;
+    border: 0;
+    width: 100%;
+    margin-top: 8px;
+
+    i {
+      margin-right: 1rem;
+    }
+
+    &:hover, &:active, &:focus {
+      background: shadows.$main-bg-color-active;
+      color: shadows.$main-color-active;
+      transition: all 0.25s ease;
+    }
+
+  }
+
+}

my-workspace/projects/sae-lib/src/styles/_shadows.scss

@@ -0,0 +1,7 @@
+@use '_variables.scss';
+@forward '_variables.scss';
+
+.is-shadowed{
+  box-shadow: 0 19px 29px variables.$shadow-color;
+
+}

my-workspace/projects/sae-lib/src/styles/_shepherd_overrides.scss

@@ -0,0 +1,10 @@
+.shepherd-modal-overlay-container {
+
+  .shepherd-modal-is-visible {
+    button.shepherd-button {
+      border: solid 1px rgba(59, 135, 204, 0.9);
+      background: rgba(59, 135, 204, 0.7);
+      color: white;
+    }
+  }
+}

my-workspace/projects/sae-lib/src/styles/_states.scss

@@ -0,0 +1,40 @@
+@use "sass:color";
+@use "shadows";
+
+
+// state colors
+.is-primary {
+  background-color: shadows.$primary-color;
+  color: shadows.$neutral-white;
+  border-color: color.adjust(shadows.$primary-color, $lightness: - 10%);
+}
+
+.is-secondary {
+  background-color: shadows.$secondary-color;
+  color: shadows.$neutral-white;
+}
+
+.is-warning {
+  background: shadows.$warning-color;
+  color: shadows.$neutral-white;
+  border-color: color.adjust(shadows.$warning-color, $lightness: -50%);
+}
+
+.is-info {
+  background: shadows.$info-color;
+  color: shadows.$neutral-white;
+  border-color: color.adjust(shadows.$info-color, $lightness: -50%);
+}
+
+.is-success {
+  background: shadows.$success-color;
+  color: shadows.$neutral-white;
+  border-color: color.adjust(shadows.$success-color, $lightness: -50%);
+
+}
+
+.is-error {
+  background: shadows.$danger-color;
+  color: shadows.$neutral-white;
+  border-color: color.adjust(shadows.$danger-color, $lightness: -50%);
+}

my-workspace/projects/sae-lib/src/styles/_typo.scss

@@ -0,0 +1,122 @@
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+
+
+// taille en em
+//h1{
+//  font-size: 2.25rem;
+//  font-weight: bolder;
+//}
+//h2{
+//  font-size: 2rem;
+//  font-weight: bold;
+//}
+//h3{
+//  font-size: 1.25rem;
+//  font-weight: 400;
+//}
+//
+//h4{
+//  font-size: 1.05rem;
+//  font-weight: 400;
+//}
+//
+//h5{
+//  font-size: 0.85rem;
+//  font-weight: 400;
+//}
+//h6{
+//  font-size: 0.75rem;
+//  font-weight: 400;
+//}
+
+// taille en px -------------
+h1, .title-1 {
+  font-size: 32px;
+  font-weight: bolder;
+}
+
+h2, .title-2 {
+  font-size: 24px;
+  font-weight: bold;
+}
+
+h3, .title-3 {
+  font-size: 20px;
+  font-weight: 400;
+}
+
+h4, .title-4 {
+  font-size: 16px;
+  font-weight: 400;
+}
+
+// pas de titre plus petits prévus
+
+h5, .annotation {
+  font-size: 14px;
+  font-weight: 400;
+}
+
+h6, .legend, .note {
+  font-size: 12px;
+  font-weight: 400;
+}
+
+blockquote {
+  padding: 1rem;
+  padding-left: 2rem;
+  border-left: 3px solid #ccc;
+  margin: 1rem 0;
+  font-size: 0.8rem;
+}
+
+
+cite {
+  padding: 1rem;
+  padding-left: 2rem;
+  border-left: 3px solid #ccc;
+  margin: 1rem 0;
+  font-size: 0.8rem;
+  font-style: italic;
+  display: block;
+}
+
+
+pre {
+  padding: 1rem;
+  padding-left: 2rem;
+  border-left: 3px solid #ccc;
+  margin: 1rem 0;
+  font-size: 0.8rem;
+  display: block;
+  word-break: break-all;
+  width: 100%;
+  scroll-margin-right: 1rem;
+  overflow: auto;
+}
+
+.has-text-right {
+  text-align: right;
+}
+
+.has-text-center {
+  text-align: center;
+}
+
+.has-text-left {
+  text-align: left;
+}
+
+.main-title {
+  color: #FFF;
+  font-family: Barlow;
+  font-size: 18px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+  text-transform: uppercase;
+}

my-workspace/projects/sae-lib/src/styles/_typo_font_faces.scss

@@ -0,0 +1,135 @@
+// Thin (100)
+@font-face {
+  font-family: 'Barlow';
+  src: url('../styles/typo/Barlow/Barlow-Thin.ttf') format('truetype');
+  font-weight: 100;
+  font-style: normal;
+}
+
+
+@font-face {
+  font-family: 'Barlow';
+  src: url('../styles/typo/Barlow/Barlow-ThinItalic.ttf') format('truetype');
+  font-weight: 100;
+  font-style: italic;
+}
+
+// Extra Light (200)
+@font-face {
+  font-family: 'Barlow';
+  src: url('../styles/typo/Barlow/Barlow-ExtraLight.ttf') format('truetype');
+  font-weight: 200;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Barlow';
+  src: url('../styles/typo/Barlow/Barlow-ExtraLightItalic.ttf') format('truetype');
+  font-weight: 200;
+  font-style: italic;
+}
+
+// Light (300)
+@font-face {
+  font-family: 'Barlow';
+  src: url('../styles/typo/Barlow/Barlow-Light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Barlow';
+  src: url('../styles/typo/Barlow/Barlow-LightItalic.ttf') format('truetype');
+  font-weight: 300;
+  font-style: italic;
+}
+
+// Regular (400)
+@font-face {
+  font-family: 'Barlow';
+  src: url('../styles/typo/Barlow/Barlow-Regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Barlow';
+  src: url('../styles/typo/Barlow/Barlow-Italic.ttf') format('truetype');
+  font-weight: 400;
+  font-style: italic;
+}
+
+// Medium (500)
+@font-face {
+  font-family: 'Barlow';
+  src: url('../styles/typo/Barlow/Barlow-Medium.ttf') format('truetype');
+  font-weight: 500;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Barlow';
+  src: url('../styles/typo/Barlow/Barlow-MediumItalic.ttf') format('truetype');
+  font-weight: 500;
+  font-style: italic;
+}
+
+// Semi Bold (600)
+@font-face {
+  font-family: 'Barlow';
+  src: url('../styles/typo/Barlow/Barlow-SemiBold.ttf') format('truetype');
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Barlow';
+  src: url('../styles/typo/Barlow/Barlow-SemiBoldItalic.ttf') format('truetype');
+  font-weight: 600;
+  font-style: italic;
+}
+
+// Bold (700)
+@font-face {
+  font-family: 'Barlow';
+  src: url('../styles/typo/Barlow/Barlow-Bold.ttf') format('truetype');
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Barlow';
+  src: url('../styles/typo/Barlow/Barlow-BoldItalic.ttf') format('truetype');
+  font-weight: 700;
+  font-style: italic;
+}
+
+// Extra Bold (800)
+@font-face {
+  font-family: 'Barlow';
+  src: url('../styles/typo/Barlow/Barlow-ExtraBold.ttf') format('truetype');
+  font-weight: 800;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Barlow';
+  src: url('../styles/typo/Barlow/Barlow-ExtraBoldItalic.ttf') format('truetype');
+  font-weight: 800;
+  font-style: italic;
+}
+
+// Black (900)
+@font-face {
+  font-family: 'Barlow';
+  src: url('../styles/typo/Barlow/Barlow-Black.ttf') format('truetype');
+  font-weight: 900;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Barlow';
+  src: url('../styles/typo/Barlow/Barlow-BlackItalic.ttf') format('truetype');
+  font-weight: 900;
+  font-style: italic;
+}

my-workspace/projects/sae-lib/src/styles/_variables.scss

@@ -0,0 +1,86 @@
+// gradient --------------------------
+$degrade: #0069B4;
+$degrade-hover: #0069B4;
+
+// colors --------------------------
+$main-color: #009ff5;
+$main-color-100: #96BEE4;
+$main-color-200: #619DD6;
+$main-color-300: #337DC3;
+$main-color-400: #255B8E;
+$main-color-500: #153451;
+
+$main-color-alpha-10: rgba($main-color-400, 0.1);
+$main-color-alpha-50: rgba($main-color-400, 0.5);
+
+
+$primary-color: $main-color;
+
+$secondary-color: #367370;
+$secondary-color-100: #BCE0DE;
+$secondary-color-200: #7AC0BE;
+
+$neutral-color: #AAA;
+$neutral-blue: #1b1d27;
+$neutral-white: #fff;
+
+$error-color: #E84F4F;
+$danger-color: #A31B1B;
+$danger-color-light: rgba(#E84F4F1A, 0.1);
+$success-color: #32D970;
+$warning-color: #E68250;
+$info-color: #6565ff;
+
+
+$main-bg-color: #b7b7ff;
+$main-text-color: $neutral-blue;
+
+$main-color-active: #323270;
+$main-bg-color-active: #6565ff;
+
+
+$event-blue: #2D559F;
+$notification-green: #315E5D;
+// find where --------------------
+
+$bg-color-button: #f4f6fc;
+$bg-color-nav: #1B1D27;
+$bg-color-chat: #f5f5f5;
+$shadow-color : #dedede;
+
+// spacing --------------------------
+
+$spacing-0: 2px;
+$spacing-1: 4px;
+$spacing-2: 8px;
+$spacing-3: 12px;
+$spacing-4: 16px;
+$spacing-5: 20px;
+$spacing-6: 24px;
+$spacing-7: 32px;
+$spacing-8: 40px;
+$spacing-9: 48px;
+$spacing-10: 56px;
+
+$spacing-main: $spacing-1;
+// radius --------------------------
+$radius-1: 2px;
+$radius-2: 4px;
+$radius-3: 6px;
+$radius-4: 8px;
+$radius-5: 10px;
+$radius-6: 12px;
+$radius-7: 16px;
+$radius-full: 999px;
+
+$radius-main: $radius-4;
+$radius-mid: $radius-6;
+$radius-big: $radius-full;
+
+// stroke --------------------------
+$stroke-0: 1px;
+$stroke-1: 2px;
+$stroke-2: 4px;
+$stroke-3: 6px;
+$stroke-4: 8px;
+$stroke-5: 10px;

my-workspace/projects/sae-lib/src/styles/index.scss

@@ -0,0 +1,29 @@
+// from global to more precise
+// sass lang utils
+@use "sass:color";
+// libs
+@use 'remixicon/fonts/remixicon.scss';
+@use 'shepherd.js/dist/css/shepherd.css';
+
+// dev tools
+@use '_debug.scss';
+@use '_shepherd_overrides.scss';
+@use '_variables.scss';
+
+// lib partial
+// reset css
+@use 'bulma/sass/base/minireset.scss';
+@use 'bulma/sass/grid/_index.scss';
+@use 'bulma/sass/components/navbar.scss';
+
+// vars
+@use '_global.scss';
+@use '_typo_font_faces.scss';
+@use '_typo.scss';
+@use '_forms.scss';
+@use '_actions.scss';
+@use '_states.scss';
+@use '_conversations.scss';
+@use '_layout_demo.scss';
+@use '_main_button.scss';
+

my-workspace/projects/sae-lib/src/styles/typo/Barlow/OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2017 The Barlow Project Authors (https://github.com/jpt/barlow)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.