Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update navbar and footer style and copy

Browse Source
This commit is contained in:
Faisal Amir 2023-12-05 14:04:41 +07:00
parent 5db1e8cc25
commit ede33db73d
3 changed files with 16 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
docs/src/containers/Footer/index.js
View File

@ -71,11 +71,15 @@ export default function Footer() {
<div className="container"> <div className="container">
<div className="grid grid-cols-2 gap-8 md:grid-cols-2 lg:grid-cols-6"> <div className="grid grid-cols-2 gap-8 md:grid-cols-2 lg:grid-cols-6">
<div className="lg:col-span-3 col-span-2"> <div className="lg:col-span-3 col-span-2">
<h6 className="mb-3">Jan</h6> <div className="flex items-center space-x-2 mb-3">
<img alt="Jan Logo" src="img/logo.svg" />
<h6 className="">Jan</h6>
</div>
<div className="w-full lg:w-1/2"> <div className="w-full lg:w-1/2">
<p className="dark:text-gray-400 text-gray-600"> <p className="dark:text-gray-400 text-gray-600">
Run Large Language Models locally on Windows, Mac and Linux. Jan is the open-source, self-hosted&nbsp;
Available on Desktop and Cloud-Native. <br className="hidden lg:block" />
&nbsp;alternative to ChatGPT.
</p> </p>
</div> </div>
</div> </div>
@ -103,7 +107,7 @@ export default function Footer() {
})} })}
</div> </div>
</div> </div>
<div className="container mt-8"> <div className="container mt-6">
<span className="dark:text-gray-300 text-gray-700"> <span className="dark:text-gray-300 text-gray-700">
&copy;{getCurrentYear}&nbsp;Jan AI Pte Ltd. &copy;{getCurrentYear}&nbsp;Jan AI Pte Ltd.
</span> </span>

12
docs/src/pages/index.js
View File

@ -53,15 +53,15 @@ export default function Home() {
</div> </div>
</div> </div>
<div className="bg-gray-50 dark:bg-[#09090B]/20 border-y border-gray-00 dark:border-gray-800 mt-10 py-10"> {/* <div className="bg-gray-50 dark:bg-[#09090B]/20 border-y border-gray-00 dark:border-gray-800 mt-10 py-10">
<div className="container"> <div className="container">
<div className="w-full lg:w-3/4 mx-auto"> <div className="w-full lg:w-3/4 mx-auto">
<DownloadApp /> <DownloadApp />
</div> </div>
</div> </div>
</div> </div> */}
<div className="container py-14"> {/* <div className="container py-14">
<div className="mb-10"> <div className="mb-10">
<h2 className="h1 text-center lg:text-left">Explore Jan</h2> <h2 className="h1 text-center lg:text-left">Explore Jan</h2>
</div> </div>
@ -113,9 +113,9 @@ export default function Home() {
/> />
</div> </div>
</div> </div>
</div> </div> */}
<div className="container mt-8 pb-16 relative"> {/* <div className="container mt-8 pb-16 relative">
<div className="text-center"> <div className="text-center">
<h2 className="h1">No-fuss Compatibility</h2> <h2 className="h1">No-fuss Compatibility</h2>
<p className="mt-2 leading-relaxed"> <p className="mt-2 leading-relaxed">
@ -181,7 +181,7 @@ export default function Home() {
</div> </div>
</div> </div>
</div> </div>
</div> </div> */}
</main> </main>
</Layout> </Layout>
</> </>

13
docs/src/styles/tweaks/navbar.scss
View File

@ -1,17 +1,8 @@
.navbar { .navbar {
@apply my-4 bg-transparent py-0 shadow-none top-4; @apply bg-transparent py-0 shadow-none px-0;
&:before {
width: 100%;
height: 16px;
top: -16px;
position: absolute;
content: "";
left: 0;
@apply dark:bg-[#09090B]/10 backdrop-blur-md;
}
&__inner { &__inner {
@apply border border-gray-200 dark:border-gray-800 rounded-lg bg-[#E4E4E7]/20 dark:bg-[#09090B]/50 backdrop-blur-md flex items-center h-14 px-8 relative; @apply border border-gray-200 dark:border-gray-800 bg-[#E4E4E7]/20 dark:bg-[#09090B]/50 backdrop-blur-md flex items-center h-14 px-8 relative;
} }
&__logo { &__logo {