Merge pull request #59 from nattvara/change-name

Change the name
nattvara · Apr 25, 2023 · 02a869a · 02a869a
2 parents 0d0f16f + a9c582a
commit 02a869a
Show file tree

Hide file tree

Showing 18 changed files with 129 additions and 66 deletions.
diff --git a/web-ui/src/components/help/help-assignment-examples/help-assignment-examples.less b/web-ui/src/components/help/help-assignment-examples/help-assignment-examples.less
@@ -1,6 +1,7 @@
 .container {
   position: absolute;
   top: -420px;
+  left: -50px;
   width: 90%;
   height: 200px;
 }
@@ -21,7 +22,7 @@
   pointer-events: none;
   height: 300px !important;
   position: relative;
-  left: -100px;
+  left: -40px;
   margin-bottom: -620px;
   top: 90px;
   z-index: 1;

diff --git a/web-ui/src/components/lecture/lecture-queue-summary/lecture-queue-summary.tsx b/web-ui/src/components/lecture/lecture-queue-summary/lecture-queue-summary.tsx
@@ -67,7 +67,7 @@ export default function LectureQueueSummary() {
         <Alert
           message={
             <>
-              kthGPT has limited capacity. Currently there is
+              OpenUni.AI has limited capacity. Currently there is
               <strong> {unfinishedLectures.length - 1} </strong>
               other lectures being watched. view the progress
               <Link href="/info/queue" target="_blank">

diff --git a/web-ui/src/components/lecture/lecture-watch-result/lecture-watch-result.tsx b/web-ui/src/components/lecture/lecture-watch-result/lecture-watch-result.tsx
@@ -66,14 +66,14 @@ export default function LectureWatchResult(props: LectureWatchResultProps) {
               <Row justify="center">
                 <Col xs={24} sm={12}>
                   <Paragraph>
-                    Since kthGPT has limited capacity only relevant videos are
-                    allowed. kthGPT is currently trying to figure out if the
-                    video is relevant. Relevant videos are educational videos,
-                    such as recorded lectures, tutorials about math, programming
-                    etc.
+                    Since OpenUni.AI has limited capacity only relevant videos
+                    are allowed. OpenUni.AI is currently trying to figure out if
+                    the video is relevant. Relevant videos are educational
+                    videos, such as recorded lectures, tutorials about math,
+                    programming etc.
                   </Paragraph>
                   <Paragraph>
-                    kthGPT will also not watch videos longer than 4 hours.
+                    OpenUni.AI will also not watch videos longer than 4 hours.
                   </Paragraph>
                   <Paragraph>
                     <strong>This can take a few minutes.</strong>
@@ -92,25 +92,25 @@ export default function LectureWatchResult(props: LectureWatchResultProps) {
       <>
         <Result
           status="error"
-          title="The video was denied by kthGPT"
+          title="The video was denied by OpenUni.AI"
           subTitle={
             <>
               <Row justify="center">
                 <Col xs={24} sm={12} style={{ textAlign: 'left' }}>
                   <Paragraph>
                     <strong>
-                      Since kthGPT has limited capacity only relevant videos are
-                      allowed.
+                      Since OpenUni.AI has limited capacity only relevant videos
+                      are allowed.
                     </strong>
                     <span> </span>
-                    kthGPT is using AI to determine which videos are relevant.
-                    And this video was denied. There is a few reasons why this
-                    could have happened. However, most likely this is because
-                    the video was off-topic.
+                    OpenUni.AI is using AI to determine which videos are
+                    relevant. And this video was denied. There is a few reasons
+                    why this could have happened. However, most likely this is
+                    because the video was off-topic.
                   </Paragraph>
                   <Paragraph>
                     Youtube videos should be about a topic that is relevant for
-                    a course at KTH, which is the purpose of kthGPT.
+                    a course at KTH, which is the purpose of OpenUni.AI.
                   </Paragraph>
                   <Paragraph>
                     <strong>If you feel this video should be admitted</strong>

diff --git a/web-ui/src/components/page/page-frame/page-frame.less b/web-ui/src/components/page/page-frame/page-frame.less
@@ -16,6 +16,9 @@
 
 h1.huge {
   font-size: 70px;
+  @media (max-width: 768px) {
+    font-size: 50px;
+  }
 }
 
 .steps {
@@ -74,3 +77,54 @@ h1.huge {
     display: block !important;
   }
 }
+
+.old_name {
+  h2 {
+    font-size: 50px;
+    text-shadow: 0px 0px 10px #eee;
+  }
+
+  h2 {
+    position: relative;
+    display: inline-block;
+  }
+
+  h2::before {
+    content: '';
+    width: 90%;
+    position: absolute;
+    right: 5%;
+    top: 45%;
+  }
+
+  h2::after {
+    content: '';
+    width: 84%;
+    position: absolute;
+    right: 8%;
+    top: 45%;
+  }
+
+  h2::before {
+    border-bottom: 5px solid rgba(255, 77, 79, 0.8);
+    border-radius: 2px;
+    transform: skewY(-11deg);
+  }
+
+  h2::after {
+    border-bottom: 5px solid rgba(255, 77, 79, 0.8);
+    border-radius: 2px;
+    transform: skewY(10deg);
+  }
+
+  @media (min-width: 768px) {
+    font-size: 50px;
+    height: 0;
+
+    h2 {
+      position: relative;
+      right: -340px;
+      transform: rotate(20deg);
+    }
+  }
+}
diff --git a/web-ui/src/components/page/page-frame/page-frame.tsx b/web-ui/src/components/page/page-frame/page-frame.tsx
@@ -71,13 +71,17 @@ function PageFrame(props: PageFrameProps) {
                   }`}
                   preview={false}
                 />
-                <h1 className={styles.huge}>kthGPT</h1>
+                <h1 className={styles.huge}>OpenUni.AI</h1>
               </Space>
             </Row>
+            <Row justify={'center'} className={styles.old_name}>
+              <h2>kthGPT</h2>
+            </Row>
             {showDescription && (
               <>
                 <h1 className={styles.subtitle}>
-                  Help with lectures and assignments
+                  Get help from an AI with university<br></br>lectures and
+                  assignments
                 </h1>
                 <Row className={styles.subtitle} justify="center">
                   <Col className={styles.header_btn}>
@@ -100,7 +104,7 @@ function PageFrame(props: PageFrameProps) {
                       <Button type="dashed">
                         {isProduction && (
                           <>
-                            kthGPT <strong>{buildDate}</strong> Version
+                            OpenUni.AI <strong>{buildDate}</strong> Version
                           </>
                         )}
                         {!isProduction && <>Development build</>}

diff --git a/web-ui/src/components/search/search-by-image/search-by-image.tsx b/web-ui/src/components/search/search-by-image/search-by-image.tsx
@@ -179,7 +179,7 @@ export default function SearchByImage(props: SearchByImageProps) {
         {notReady && (
           <Result
             icon={<LoadingOutlined />}
-            title="Once kthGPT has understood the assignment, it will try to find the relevant lectures and display them here"
+            title="Once OpenUni.AI has understood the assignment, it will try to find the relevant lectures and display them here"
           />
         )}
       </Row>

diff --git a/web-ui/src/pages/404.tsx b/web-ui/src/pages/404.tsx
@@ -7,7 +7,7 @@ import styles from './404.less';
 
 export default function NotFoundPage() {
   useEffect(() => {
-    document.title = 'kthGPT - Not Found';
+    document.title = 'OpenUni.AI | Not Found';
     registerPageLoad();
   }, []);
 
@@ -31,7 +31,7 @@ export default function NotFoundPage() {
                   key="btn"
                   size="large"
                 >
-                  Go to kthgpt.com
+                  Go to OpenUni.AI
                 </Button>
               </Row>
             </>

diff --git a/web-ui/src/pages/about.tsx b/web-ui/src/pages/about.tsx
@@ -8,22 +8,22 @@ const { Paragraph, Title, Link } = Typography;
 
 export default function AboutPage() {
   useEffect(() => {
-    document.title = 'kthGPT - About';
+    document.title = 'OpenUni.AI | About';
     registerPageLoad();
   }, []);
 
   return (
     <>
-      <PageFrame showBack={true} breadcrumbs={[{ title: 'About kthGPT' }]}>
+      <PageFrame showBack={true} breadcrumbs={[{ title: 'About OpenUni.AI' }]}>
         <div className={styles.page}>
           <Row justify="center">
             <Col sm={24} md={15}>
-              <Title>About kthGPT</Title>
+              <Title>About OpenUni.AI</Title>
               <Paragraph>
-                kthGPT is a free and open source tool that can watch a lecture
-                for you. As a student, kthGPT can help you learn how to solve
-                assignments and understand lecture slides and other course
-                material.
+                OpenUni.AI is a free and open source tool that can watch a
+                lecture for you. As a student, OpenUni.AI can help you learn how
+                to solve assignments and understand lecture slides and other
+                course material.
               </Paragraph>
               <Paragraph>
                 <blockquote>
@@ -36,7 +36,7 @@ export default function AboutPage() {
               <Title level={3}>1. Select lecture</Title>
               <Paragraph>
                 Select a lecture that's already been watched or add a new one!
-                kthGPT can watch lectures hosted on
+                OpenUni.AI can watch lectures hosted on
                 <span> </span>
                 <Link href="https://play.kth.se/" target="_blank">
                   KTH Play
@@ -51,14 +51,16 @@ export default function AboutPage() {
               </Paragraph>
               <Paragraph>
                 It can't watch any video on YouTube. Due to limited capacity
-                kthGPT will only watch "relevant videos". Relevant videos are
-                such that it thinks are <code>Recorded Lectures</code>. kthGPT
-                uses a sample of the video to do this assessment.
+                OpenUni.AI will only watch "relevant videos". Relevant videos
+                are such that it thinks are <code>Recorded Lectures</code>.
+                OpenUni.AI uses a sample of the video to do this assessment.
               </Paragraph>
 
-              <Title level={3}>2. Wait for kthGPT to "watch" the lecture</Title>
+              <Title level={3}>
+                2. Wait for OpenUni.AI to "watch" the lecture
+              </Title>
               <Paragraph>
-                If the video has not been watched by kthGPT before, it will
+                If the video has not been watched by OpenUni.AI before, it will
                 start watching the video and try to produce a summary. It will
                 only listen to the audio, so nothing been shown or written in
                 the lecture will be included in the summary.
@@ -70,14 +72,14 @@ export default function AboutPage() {
               </Paragraph>
               <Paragraph>
                 If the audio quality in the video is bad, the quality of the
-                summary will be worse. kthGPT is generally best at understanding
-                English. However, if the audio quality is good, Swedish should
-                be just fine as well.
+                summary will be worse. OpenUni.AI is generally best at
+                understanding English. However, if the audio quality is good,
+                Swedish should be just fine as well.
               </Paragraph>
 
               <Title level={3}>3. Ask questions about the lecture</Title>
               <Paragraph>
-                The lecture is ready. kthGPT can now use GPT-3 to answer
+                The lecture is ready. OpenUni.AI can now use GPT-3 to answer
                 questions about the lecture. Some useful queries:
               </Paragraph>
 

diff --git a/web-ui/src/pages/assignments/index.tsx b/web-ui/src/pages/assignments/index.tsx
@@ -128,7 +128,7 @@ export default function AssignmentsIndexPage() {
 
   useEffect(() => {
     if (image && image.title) {
-      document.title = `kthGPT - ${image.title}`;
+      document.title = `OpenUni.AI | ${image.title}`;
     }
   }, [image]);
 
@@ -231,7 +231,7 @@ export default function AssignmentsIndexPage() {
                 🧑‍🏫 Where can I learn how to solve this assignment?
               </Title>
               <Paragraph>
-                kthGPT is trying to find
+                OpenUni.AI is trying to find
                 <strong> which lectures are relevant</strong> for this
                 assignment, and <strong>where in them</strong> you can find the
                 information you need to solve the assignment.

diff --git a/web-ui/src/pages/courses/index.tsx b/web-ui/src/pages/courses/index.tsx
@@ -40,7 +40,7 @@ export default function IndexPage() {
       `/courses/${course.course_code}`
     );
 
-    document.title = `kthGPT - ${course.course_code}`;
+    document.title = `OpenUni.AI | ${course.course_code}`;
   };
 
   let shouldShowCourseList = false;
@@ -53,7 +53,7 @@ export default function IndexPage() {
   useEffect(() => {
     registerPageLoad();
     if (courseCode !== undefined) {
-      document.title = `kthGPT - ${courseCode}`;
+      document.title = `OpenUni.AI | ${courseCode}`;
       setSelectedCourse(courseCode);
       setBreadcrumbs([
         {
@@ -65,7 +65,7 @@ export default function IndexPage() {
         },
       ]);
     } else {
-      document.title = 'kthGPT - Courses';
+      document.title = 'OpenUni.AI | Courses';
       setBreadcrumbs([
         {
           title: 'Browse Courses',

diff --git a/web-ui/src/pages/index.html b/web-ui/src/pages/index.html
@@ -2,31 +2,31 @@
 <html lang="en">
   <head>
     <meta charset="utf-8">
-    <title>kthGPT</title>
+    <title>OpenUni.AI</title>
 
     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
     <!-- Primary Meta Tags -->
-    <meta name="title" content="kthGPT - Help with lectures and assignments">
-    <meta name="description" content="kthGPT is a free and open source tool that can watch a lecture for you. As a student, kthGPT can help you learn how to solve assignments and understand lecture slides and other course material.">
+    <meta name="title" content="OpenUni.AI | Get help from an AI with university lectures and assignments">
+    <meta name="description" content="OpenUni.AI is a free and open source tool that can watch a lecture for you. As a student, OpenUni.AI can help you learn how to solve assignments and understand lecture slides and other course material.">
 
     <!-- Favicon -->
     <link rel="shortcut icon" href="/favicon.ico">
 
      <!-- Open Graph / Facebook -->
      <meta property="og:type" content="website">
-     <meta property="og:url" content="https://kthgpt.com/">
-     <meta property="og:title" content="kthGPT - Help with lectures and assignments">
-     <meta property="og:description" content="kthGPT is a free and open source tool that can watch a lecture for you. It allows students to ask questions about any lecture using the GPT-3 model.">
-     <meta property="og:image" content="https://kthgpt.com/og-image.jpg">
+     <meta property="og:url" content="https://OpenUni.AI/">
+     <meta property="og:title" content="OpenUni.AI | Get help from an AI with university lectures and assignments">
+     <meta property="og:description" content="OpenUni.AI is a free and open source tool that can watch a lecture for you. It allows students to ask questions about any lecture using the GPT-3 model.">
+     <meta property="og:image" content="https://OpenUni.AI/og-image.jpg">
 
      <!-- Twitter -->
      <meta property="twitter:card" content="summary_large_image">
-     <meta property="twitter:url" content="https://kthgpt.com/">
-     <meta property="twitter:title" content="kthGPT - Help with lectures and assignments">
-     <meta property="twitter:description" content="kthGPT is a free and open source tool that can watch a lecture for you. It allows students to ask questions about any lecture using the GPT-3 model.">
-     <meta property="twitter:image" content="https://kthgpt.com/og-image.jpg">
+     <meta property="twitter:url" content="https://OpenUni.AI/">
+     <meta property="twitter:title" content="OpenUni.AI | Get help from an AI with university lectures and assignments">
+     <meta property="twitter:description" content="OpenUni.AI is a free and open source tool that can watch a lecture for you. It allows students to ask questions about any lecture using the GPT-3 model.">
+     <meta property="twitter:image" content="https://OpenUni.AI/og-image.jpg">
 
      <!-- Favicon -->
      <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

diff --git a/web-ui/src/pages/index.tsx b/web-ui/src/pages/index.tsx
@@ -52,7 +52,7 @@ export default function IndexPage() {
   };
 
   useEffect(() => {
-    document.title = 'kthGPT';
+    document.title = 'OpenUni.AI';
     registerPageLoad();
   }, []);
 
@@ -97,7 +97,7 @@ export default function IndexPage() {
                 <ButtonHugeWithPreview
                   icon={<FileSearchOutlined />}
                   title="Find a lecture"
-                  subtitle="Find a lecture from the lectures kthGPT has already watched"
+                  subtitle="Find a lecture from the lectures OpenUni.AI has already watched"
                   url="/courses"
                   preview={
                     <CourseList onCourseSelect={() => null} small={true} />