Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Arbius site UI fixes #55

Merged
merged 10 commits into from
Jul 2, 2024
Merged

Arbius site UI fixes #55

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
a674be5
all links in header+footer will go to an external page now
AbhiKakarot Jul 2, 2024
2a9162f
Fixed models image position
AbhiKakarot Jul 2, 2024
e83b0bd
Scaled up elements on large screen
AbhiKakarot Jul 2, 2024
64ac74c
Revert "Scaled up elements on large screen"
AbhiKakarot Jul 2, 2024
d69932e
Made models image centered post 1200px
AbhiKakarot Jul 2, 2024
7d5a718
Removed changes for large screen
AbhiKakarot Jul 2, 2024
e425eb7
Removed special styles for larger screens
AbhiKakarot Jul 2, 2024
f6f4deb
Reverted back to old favicon
AbhiKakarot Jul 2, 2024
94e631f
Increased font size for titles of all sections
AbhiKakarot Jul 2, 2024
62c329f
Merge branch 'master' into arbius_site_UI_fixes
AbhiKakarot Jul 2, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions website/src/app/components/Footer/Footer.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -130,7 +130,7 @@ export default function Footer() {
{
footerLinks.slice(0, 3).map((link) => {
return (
<Link href={link.link} target={link.link == "/media" ? "" : "_blank"} key={link.id}>
<Link href={link.link} target="_blank" key={link.id}>
<div>
<p className="text-[#393939] hover:text-purple-text lato-regular text-[14px] mb-4">{link.name}</p>
</div>
Expand All @@ -157,7 +157,7 @@ export default function Footer() {
{
footerLinks.slice(-2).map((link) => {
return (
<Link href={link.link} key={link.id} target={link.name == "GYSR" ? "_blank" : ""}>
<Link href={link.link} key={link.id} target="_blank">
<div>
<p className="text-[#393939] hover:text-purple-text lato-regular text-[14px] mb-4">{link.name}</p>
</div>
Expand Down
8 changes: 5 additions & 3 deletions website/src/app/components/Header/Header.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -117,7 +117,7 @@ export default function Header() {
} flex lg:items-center lg:no-fixed-element fixed-element overflow-auto lg:overflow-visible flex-col lg:flex-row`}
>
<div className="links-parent mt-[30px] text-[24px] text-[original-black] w-[100%] m-[auto] flex-col items-start flex justify-between lg:w-[auto] lg:flex-row lg:items-center gap-[40px] link-block lg:m-[auto] lg:text-[16px] lg:text-[gray]">
<Link href={"/generate"}>
<Link href={"/generate"} target="_blank">
<div className="item hover:text-purple-text">Generate</div>
</Link>

Expand Down Expand Up @@ -167,6 +167,7 @@ export default function Header() {
onClick={() => {
setHeaderOpen(!headerOpen)
}}
target="_blank"
>
<div className="staking-block relative">
<div className="absolute top-2 lg:block hidden p-2 right-2 bg-[#f0efff] rounded-2xl badge">
Expand Down Expand Up @@ -200,7 +201,7 @@ export default function Header() {
<div className="p-[15px_50px] left-[-18px] bg-[black] absolute opacity-0 ml-[-5px]"></div>
<AnimateHeight height={modelsOpen ? "auto" : 0}>
<div className="lg:staking lg:translate-x-[-40%] lg:translate-y-[25px] lg:hidden lg:group-hover:flex">
<Link href={"/generate"}>
<Link href={"/generate"} target="_blank">
<div className="staking-block">
<div className="absolute top-2 lg:block hidden p-2 right-2 bg-[#f0efff] rounded-2xl badge">
<p className="text-[#4A28FF] lato-regular text-[12px] badge-text">Paused</p>
Expand Down Expand Up @@ -246,7 +247,7 @@ export default function Header() {
</AnimateHeight>
</div>

<Link href={"/explorer"}>
<Link href={"/explorer"} target="_blank">
<div className="item hover:text-purple-text">Explorer</div>
</Link>

Expand All @@ -263,6 +264,7 @@ export default function Header() {
onClick={() => {
setHeaderOpen(!headerOpen)
}}
target="_blank"
>
<div className={`item lg:block ${activeLink == 'media' ? '!text-purple-text' : 'hover:!text-purple-text'}`}>Media</div>
</Link>
Expand Down
10 changes: 5 additions & 5 deletions website/src/app/components/HomePages/Buy/Buy.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,9 +19,9 @@ export default function Buy() {
<div className="bg-white-background py-16 lg:py-24 bg-[url('../app/assets/images/buy_background.png')] bg-no-repeat bg-cover">
<div className="lg:w-section-width w-mobile-section-width mx-auto max-w-center-width">
<div className="flex items-center lg:flex-row flex-col justify-between">
<div className="lg:w-[70%] 2xl:w-[50%] w-[100%]">
<div className="lg:w-[70%] w-[100%]">
<div>
<h2 className="lato-bold lg:text-header 2xl:text-header-2xl text-mobile-header text-black-text mb-6 fade-container">
<h2 className="lato-bold lg:text-header text-mobile-header text-black-text mb-6 fade-container 2xl:text-header-2xl">
<Fade delay={0.1} cascade damping={0.05} triggerOnce={true}>
Buy Arbius (AIUS)
</Fade>
Expand Down Expand Up @@ -62,9 +62,9 @@ export default function Buy() {
</div>
</Fade>
</div>
<Fade direction="up" triggerOnce={true} className="2xl:w-[50%]">
<div className="lg:block hidden 2xl:ml-[20%]">
<div className="ml-[auto] 2xl:m-[auto] w-[220px] h-[220px] bg-purple-background rounded-[50%] flex items-center justify-center">
<Fade direction="up" triggerOnce={true} className="">
<div className="lg:block hidden">
<div className="ml-[auto] w-[220px] h-[220px] bg-purple-background rounded-[50%] flex items-center justify-center">
<Image src={white_logo} width={150} alt="arbius white" />
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions website/src/app/components/HomePages/Community/Community.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,12 +34,12 @@ export default function Community(){
<div>
<div>
<div className="mb-6">
<h2 className="lato-bold lg:text-header 2xl:text-header-2xl text-mobile-header text-black-text fade-container lg:leading-none leading-[60px] ">
<h2 className="lato-bold lg:text-header text-mobile-header text-black-text fade-container lg:leading-none leading-[60px] 2xl:text-header-2xl">
<Fade delay={0.1} cascade damping={0.05} triggerOnce={true}>
dApps & Community
</Fade>
</h2>
<h2 className="lato-bold lg:text-header 2xl:text-header-2xl text-mobile-header text-black-text flex items-center gap-4 fade-container lg:mt-2">
<h2 className="lato-bold lg:text-header text-mobile-header text-black-text flex items-center gap-4 fade-container lg:mt-2 2xl:text-header-2xl">
<Fade delay={0.1} cascade damping={0.1} triggerOnce={true}>
Initiatives
</Fade>
Expand Down
6 changes: 3 additions & 3 deletions website/src/app/components/HomePages/Democratic/Democratic.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ export default function Democratic() {
<div>
<div>
<div>
<h2 className="lato-bold lg:text-header 2xl:text-header-2xl text-mobile-header text-black-text mb-6 fade-container">
<h2 className="lato-bold lg:text-header text-mobile-header text-black-text mb-6 fade-container 2xl:text-header-2xl">
<Fade delay={0.1} cascade damping={0.05} triggerOnce={true}>
We dream of open and accessible AI
</Fade>
Expand All @@ -45,8 +45,8 @@ export default function Democratic() {
<p className="text-subtext-three lato-regular text-para lg:w-[70%] w-[100%]">Arbius is controlled by its users, not monopolized by large corporations and governments. The design of Arbius makes it difficult or impossible to censor usage, allowing for anyone in the world to interact with AI models permissionlessly.</p>
<br></br>
<p className="text-subtext-three lato-regular text-para lg:w-[70%] w-[100%]">
AI model owners can now utilize a distributed network of miners and attribute request origins, ensuring high uptime and integrity. By decentralizing the hosting process, Arbius offers a robust foundation for building reliable and transparent AI-driven applications on top of a censorship resistant network.
</p>
AI model owners can now utilize a distributed network of miners and attribute request origins, ensuring high uptime and integrity. By decentralizing the hosting process, Arbius offers a robust foundation for building reliable and transparent AI-driven applications on top of a censorship resistant network.
</p>
</Fade>
</div>
</div>
Expand Down
4 changes: 2 additions & 2 deletions website/src/app/components/HomePages/MachineLearningSection/MLS.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,12 +15,12 @@ export default function MachineLearningSection() {
</div>
</Fade>

<div className="hidden lg:block fade-container lg:text-header 2xl:text-header-2xl text-mobile-header text-black-text">
<div className="hidden lg:block fade-container lg:text-header text-mobile-header text-black-text 2xl:text-header-2xl">
<Fade delay={0.1} cascade damping={0.05} triggerOnce={true}>
Peer-to-peer machine
</Fade>
</div>
<div className="hidden lg:block fade-container lg:text-header 2xl:text-header-2xl text-mobile-header text-black-text mt-[-15px] mb-6">
<div className="hidden lg:block fade-container lg:text-header text-mobile-header text-black-text mt-[-15px] mb-6 2xl:text-header-2xl">
<Fade delay={0.1} cascade damping={0.1} triggerOnce={true}>
learning
</Fade>
Expand Down
8 changes: 4 additions & 4 deletions website/src/app/components/HomePages/Models/Models.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -110,7 +110,7 @@ export default function Models() {
<div className="text-[16px] lg:text-[12px] mb-2 lg:mb-0 Gradient-transparent-text bg-button-gradient-txt">
Multi-Model Economy!
</div>
<div className="lato-bold lg:text-header 2xl:text-header-2xl text-mobile-header font-medium text-black-text mb-6">
<div className="lato-bold lg:text-header text-mobile-header font-medium text-black-text mb-6 2xl:text-header-2xl">
<Fade delay={0.1} cascade damping={0.05} triggerOnce={true}>
DeFi for AI
</Fade>
Expand Down Expand Up @@ -178,10 +178,10 @@ export default function Models() {
</div>

<Fade direction="up" triggerOnce={true} className=" lg:block lg:w-[50%]">
<div className="2xl:ml-[20%]">
<div className="">{/*"xl:ml-[20%]"*/}
<div
id="image-parent"
className={`hidden lg:flex relative border-[transparent] w-[320px] h-[430px] justify-center items-center rounded-[50px] ml-[auto] 2xl:m-[auto]`}
className={`hidden lg:flex relative border-[transparent] w-[320px] h-[500px] justify-center items-center rounded-[50px] ml-[auto]`}
>
{Object.keys(AllModels).map((model, index) => (

Expand All @@ -198,7 +198,7 @@ export default function Models() {
<span className="hidden absolute top-[20px] right-[20px] text-[11px] text-[white] p-[10px_25px] rounded-[20px] backdrop-blur">
Generated by kandinsky 2
</span>
<span className="absolute bottom-[-40px] right-[20px]">
<span className="absolute bottom-[20px] right-[20px]">
<NextImage
className="h-[50px] w-[auto]"
src={arbius_logo_round}
Expand Down
4 changes: 2 additions & 2 deletions website/src/app/layout.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,8 +25,8 @@ export default function RootLayout({ children }) {
<title>{metadata.title}</title>
<meta name="description" content={metadata.description} />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon_new.ico" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon_new.ico" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />

<meta property="og:url" content="https://arbius.ai/" />
<meta property="og:type" content="website" />
Expand Down
Loading