feat: add logo
This commit is contained in:
DIYgod
parent
ff805e7c0d
commit
ee82a7677a
|
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?><svg id="b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 143.73 143.74"><g id="c"><g><rect x="3" y="3" width="137.73" height="137.74" style="fill:none; stroke:#121212; stroke-miterlimit:10; stroke-width:6px;"/><path d="M69.16,96c0,11.94-8.7,20.63-20.46,20.63s-20.68-8.69-20.68-20.63,8.69-20.51,20.63-20.51,20.51,8.69,20.51,20.51Z"/><path d="M115.95,96.59v14.43c-3.58,3.46-9.48,5.68-15.91,5.68-13.47,0-22.04-7.84-22.04-19.95s9.49-21.18,22.83-21.18v21.02h15.12Z"/><polygon points="115.95 53.51 115.95 67.95 78 67.95 78 27.19 101.03 27.19 101.03 53.51 115.95 53.51"/><polygon points="27.78 68.08 39.93 45.45 28.28 27.03 68.91 27.03 57.26 45.45 69.4 68.08 27.78 68.08"/></g></g></svg>
|
||||
|
After Width: | Height: | Size: 721 B |
|
|
@ -11,6 +11,7 @@ import { SEOHead } from "../common/SEOHead"
|
|||
import { UniLink } from "../ui/UniLink"
|
||||
import { ConnectButton } from "../common/ConnectButton"
|
||||
import { getSiteLink } from "~/lib/helpers"
|
||||
import Image from "next/image"
|
||||
|
||||
export function MainLayout({
|
||||
children,
|
||||
|
|
@ -28,7 +29,12 @@ export function MainLayout({
|
|||
/>
|
||||
<header className="py-10">
|
||||
<div className="max-w-screen-lg px-5 mx-auto flex justify-between items-center">
|
||||
<h1 className="inline-block text-2xl font-extrabold">{APP_NAME}</h1>
|
||||
<div className="text-3xl font-extrabold flex items-center">
|
||||
<div className="inline-block w-16 h-16 mr-4">
|
||||
<Image alt={APP_NAME} src="/logo.svg" width={100} height={100} />
|
||||
</div>
|
||||
{APP_NAME.toUpperCase()}
|
||||
</div>
|
||||
<div className="space-x-5 text-zinc-500">
|
||||
<ConnectButton />
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@ import { useRouter } from "next/router"
|
|||
import { DashboardLayout } from "~/components/dashboard/DashboardLayout"
|
||||
import { DashboardMain } from "~/components/dashboard/DashboardMain"
|
||||
import { UniLink } from "~/components/ui/UniLink"
|
||||
import Image from "next/image"
|
||||
|
||||
export default function SubdomainIndex() {
|
||||
const router = useRouter()
|
||||
|
|
@ -10,14 +11,9 @@ export default function SubdomainIndex() {
|
|||
<DashboardLayout title="Dashboard">
|
||||
<DashboardMain>
|
||||
<div className="prose max-w-screen-md">
|
||||
<p>
|
||||
<svg className="w-8 h-8" viewBox="0 0 24 24">
|
||||
<path
|
||||
fill="currentColor"
|
||||
d="M7.03 4.95L3.5 8.5c-3.33 3.31-3.33 8.69 0 12s8.69 3.33 12 0l6-6c1-.97 1-2.56 0-3.54c-.1-.12-.23-.23-.37-.32l.37-.39c1-.97 1-2.56 0-3.54c-.14-.16-.33-.3-.5-.41c.38-.92.21-2.02-.54-2.77c-.87-.87-2.22-.96-3.2-.28a2.517 2.517 0 0 0-3.88-.42l-2.51 2.51c-.09-.14-.2-.27-.32-.39a2.53 2.53 0 0 0-3.52 0m1.41 1.42c.2-.2.51-.2.71 0s.2.51 0 .71l-3.18 3.18a3 3 0 0 1 0 4.24l1.41 1.41a5.004 5.004 0 0 0 1.12-5.36l6.3-6.3c.2-.2.51-.2.7 0s.21.51 0 .71l-4.59 4.6l1.41 1.41l6.01-6.01c.2-.2.51-.2.71 0c.2.2.2.51 0 .71l-6.01 6.01l1.41 1.41l4.95-4.95c.2-.2.51-.2.71 0c.2.2.2.51 0 .71l-5.66 5.65l1.41 1.42l3.54-3.54c.2-.2.51-.2.71 0c.2.2.2.51 0 .71l-6 6.01c-2.54 2.54-6.65 2.54-9.19 0s-2.54-6.65 0-9.19l3.53-3.54M23 17c0 3.31-2.69 6-6 6v-1.5c2.5 0 4.5-2 4.5-4.5H23M1 7c0-3.31 2.69-6 6-6v1.5c-2.5 0-4.5 2-4.5 4.5H1Z"
|
||||
></path>
|
||||
</svg>
|
||||
</p>
|
||||
<div className="w-14 h-14 mb-8">
|
||||
<Image alt="logo" src="/logo.svg" width={100} height={100} />
|
||||
</div>
|
||||
<p>Hello there,</p>
|
||||
<p>
|
||||
This page is quite empty for now, but we will polish it very soon!
|
||||
|
|
|
|||
|
|
@ -92,7 +92,7 @@ export default function SiteSettingsGeneralPage() {
|
|||
label="Google Analytics"
|
||||
help={
|
||||
<p>
|
||||
Integrate Google Analytics into your xlog. You can follow the
|
||||
Integrate Google Analytics into your site. You can follow the
|
||||
instructions{" "}
|
||||
<UniLink
|
||||
className="underline"
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ import { BlockchainIcon } from "~/components/icons/BlockchainIcon"
|
|||
import { Button } from "~/components/ui/Button"
|
||||
import { useConnectModal } from "@rainbow-me/rainbowkit"
|
||||
import { useRouter } from "next/router"
|
||||
import { GITHUB_LINK } from "~/lib/env"
|
||||
import { GITHUB_LINK, APP_NAME } from "~/lib/env"
|
||||
|
||||
export const getServerSideProps: GetServerSideProps = async (ctx) => {
|
||||
return {
|
||||
|
|
@ -125,7 +125,7 @@ export default function Home({ region }: { region: string | null }) {
|
|||
Blogging geekily.
|
||||
</h2>
|
||||
<h3 className="mt-5 text-zinc-500">
|
||||
Meet xlog, the on-chain and{" "}
|
||||
Meet {APP_NAME}, the on-chain and{" "}
|
||||
<UniLink href={GITHUB_LINK}>open-source</UniLink> blogging
|
||||
platform for everyone.
|
||||
</h3>
|
||||
|
|
@ -189,7 +189,7 @@ export default function Home({ region }: { region: string | null }) {
|
|||
<tbody>
|
||||
<tr className="border-b text-xl">
|
||||
<th className="text-center w-60"></th>
|
||||
<th className="text-center py-3">xlog</th>
|
||||
<th className="text-center py-3">{APP_NAME}</th>
|
||||
<th className="text-center">Mirror.xyz</th>
|
||||
</tr>
|
||||
{comparing.map((item, index) => (
|
||||
|
|
@ -207,17 +207,19 @@ export default function Home({ region }: { region: string | null }) {
|
|||
</table>
|
||||
</div>
|
||||
<div className="mt-10 text-center">
|
||||
<p className="text-5xl font-bold mb-8">logo</p>
|
||||
<div className="w-20 h-20 mx-auto mb-8">
|
||||
<Image alt="logo" src="/logo.svg" width={100} height={100} />
|
||||
</div>
|
||||
{addressIn ? (
|
||||
<UniLink
|
||||
href="/dashboard"
|
||||
className="text-indigo-500 inline-flex items-center space-x-2 hover:text-indigo-600"
|
||||
>
|
||||
<Button size="xl">Try xlog today</Button>
|
||||
<Button size="xl">Try {APP_NAME} today</Button>
|
||||
</UniLink>
|
||||
) : (
|
||||
<Button onClick={tryNow} size="xl">
|
||||
Try xlog today
|
||||
Try {APP_NAME} today
|
||||
</Button>
|
||||
)}
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue