add new logo (#90)

mgilangjanuar · Nov 13, 2021 · 949f520 · 949f520
1 parent 69dd5bd
commit 949f520
Show file tree

Hide file tree

Showing 25 changed files with 18 additions and 6 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-# 🚀 TeleDrive
+![img](./logoteledrive-white.png)
 
 This is the open source project of Google Drive/OneDrive/iCloud/Dropbox alternative using Telegram API for the free unlimited cloud storage.
 

diff --git a/logoteledrive-white.png b/logoteledrive-white.png
diff --git a/web/public/PlusJakartaDisplay-Medium.woff b/web/public/PlusJakartaDisplay-Medium.woff
diff --git a/web/public/PlusJakartaDisplay-Medium.woff2 b/web/public/PlusJakartaDisplay-Medium.woff2
diff --git a/web/public/PlusJakartaSans-Bold.woff b/web/public/PlusJakartaSans-Bold.woff
diff --git a/web/public/PlusJakartaSans-Bold.woff2 b/web/public/PlusJakartaSans-Bold.woff2
diff --git a/web/public/index.html b/web/public/index.html
@@ -32,6 +32,12 @@
     -->
     <title>TeleDrive - The Free Unlimited Cloud Storage</title>
     <script async src="https://cdn.splitbee.io/sb.js"></script>
+    <style>
+      @font-face { font-family: 'Plus Jakarta Display Medium'; src: url('PlusJakartaDisplay-Medium.woff'); }
+      @font-face { font-family: 'Plus Jakarta Display Medium'; src: url('PlusJakartaDisplay-Medium.woff2'); }
+      @font-face { font-family: 'PlusJakartaSans-Bold'; src: url('PlusJakartaSans-Bold.woff'); }
+      @font-face { font-family: 'PlusJakartaSans-Bold'; src: url('PlusJakartaSans-Bold.woff2'); }
+    </style>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/web/public/teledrive-logo/logoteledrive-icononly.png b/web/public/teledrive-logo/logoteledrive-icononly.png
diff --git a/web/public/teledrive-logo/logoteledrive-icononly.svg b/web/public/teledrive-logo/logoteledrive-icononly.svg
diff --git a/web/public/teledrive-logo/logoteledrive-icononlywhite.png b/web/public/teledrive-logo/logoteledrive-icononlywhite.png
diff --git a/web/public/teledrive-logo/logoteledrive-icononlywhite.svg b/web/public/teledrive-logo/logoteledrive-icononlywhite.svg
diff --git a/web/public/teledrive-logo/logoteledrive-square.png b/web/public/teledrive-logo/logoteledrive-square.png
diff --git a/web/public/teledrive-logo/logoteledrive-square.svg b/web/public/teledrive-logo/logoteledrive-square.svg
diff --git a/web/public/teledrive-logo/logoteledrive-squaredark.png b/web/public/teledrive-logo/logoteledrive-squaredark.png
diff --git a/web/public/teledrive-logo/logoteledrive-squaredark.svg b/web/public/teledrive-logo/logoteledrive-squaredark.svg
diff --git a/web/public/teledrive-logo/logoteledrive-squarewhite.png b/web/public/teledrive-logo/logoteledrive-squarewhite.png
diff --git a/web/public/teledrive-logo/logoteledrive-squarewhite.svg b/web/public/teledrive-logo/logoteledrive-squarewhite.svg
diff --git a/web/public/teledrive-logo/logoteledrive-white.png b/web/public/teledrive-logo/logoteledrive-white.png
diff --git a/web/public/teledrive-logo/logoteledrive-white.svg b/web/public/teledrive-logo/logoteledrive-white.svg
diff --git a/web/public/teledrive-logo/logoteledrive.png b/web/public/teledrive-logo/logoteledrive.png
diff --git a/web/public/teledrive-logo/logoteledrive.svg b/web/public/teledrive-logo/logoteledrive.svg
diff --git a/web/src/pages/Home.tsx b/web/src/pages/Home.tsx
@@ -4,7 +4,7 @@ import React from 'react'
 import GitHubButton from 'react-github-btn'
 import { Follow, Tweet } from 'react-twitter-widgets'
 import useSWRImmutable from 'swr/immutable'
-import { ReactComponent as UploadingAnimate } from '../Uploading-amico.svg'
+import { ReactComponent as UploadingAnimate } from '../svg/Uploading-amico.svg'
 import { fetcher } from '../utils/Fetcher'
 import Footer from './components/Footer'
 import Navbar from './components/Navbar'

diff --git a/web/src/pages/components/Footer.tsx b/web/src/pages/components/Footer.tsx
@@ -11,9 +11,8 @@ const Footer: React.FC = () => {
           <Row gutter={72}>
             <Col md={6} sm={12} span={24} style={{ marginBottom: '30px' }}>
               <Typography.Paragraph>
-                <Button type="link" style={{ fontSize: '20px', fontWeight: 'bolder' }}
-                  icon={<img src="/logo192.png" style={{ width: '24px' }} />}>
-                  <Link to="/">&nbsp; TeleDrive</Link>
+                <Button type="link" href="/" style={{ fontSize: '20px', fontWeight: 'bolder' }}
+                  icon={<img src="/teledrive-logo/logoteledrive.png" style={{ height: '24px' }} />}>
                 </Button>
               </Typography.Paragraph>
               <Typography.Paragraph type="secondary">

diff --git a/web/src/pages/components/Navbar.tsx b/web/src/pages/components/Navbar.tsx
@@ -24,7 +24,7 @@ const Navbar: React.FC<Props> = ({ user, page }) => {
     <Layout.Header style={{ background: '#0088CC' }}>
       <div key="logo" className="logo" style={{ marginRight: '30px' }}>
         <Link to="/" style={{ color: '#fff' }}>
-          <img style={{ width: '24px' }} src="/logo192.png" alt="icon.png" />&nbsp; TeleDrive {user?.plan === 'premium' && <Popover placement="bottom" content={<>Premium</>}>
+          <img src="/teledrive-logo/logoteledrive-white.png" style={{ height: '24px' }} /> {user?.plan === 'premium' && <Popover placement="bottom" content={<>Premium</>}>
             <CrownOutlined />
           </Popover>}
         </Link>

diff --git a/web/src/Uploading-amico.svg → web/src/svg/Uploading-amico.svg b/web/src/Uploading-amico.svg → web/src/svg/Uploading-amico.svg