Skip to content

New home #52

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

Open
jefn76 wants to merge 16 commits into
base: master
Choose a base branch
from
Open

New home #52

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
b43dfa4
SSG-Test
jefn76 Oct 9, 2022
d89e0ae
update next.js to 12
jefn76 Oct 12, 2022
db0b212
update NODE_VERSION to "12.22.0"
jefn76 Oct 12, 2022
7aa95de
remove icon-park plugin, add IconPark component
jefn76 Oct 13, 2022
e726550
remove icon-park plugin
jefn76 Oct 13, 2022
3d86152
add Skeleton screen, fallback set true
jefn76 Nov 2, 2022
42a2d0a
try to fix timeout problem
jefn76 Nov 3, 2022
bf25cdd
fix
jefn76 Nov 3, 2022
70b7a85
fix
jefn76 Nov 3, 2022
a03612d
fix
jefn76 Nov 3, 2022
9a51db9
fix
jefn76 Nov 3, 2022
f35c37f
fix
jefn76 Nov 3, 2022
e034f23
fix
jefn76 Nov 3, 2022
fd3f2fc
add new home
jefn76 Dec 1, 2022
595fe05
add home foot
jefn76 Dec 7, 2022
e09ee18
fix backend compliance
yitaolee Mar 10, 2023
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
29 changes: 29 additions & 0 deletions apps/happin-web/alltypes.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,32 @@
declare module 'react-plx'
declare module 'tim-js-sdk'
declare module 'randomcolor'

/**
* if you are using React JSX with typescript
* e.g.
* <iconpark-icon name="xxx" />
* include below type declaration in your project (don't forget to import React from 'react')
*
*/
declare global {
interface IconParkIconAttributes<T> extends React.HTMLAttributes<T> {
// 包含打包的图标id
'icon-id'?: string;
// 包含打包的图标标识
name?: string;
size?: string;
width?: string;
height?: string;
color?: string;
stroke?: string;
fill?: string;
rtl?: string;
spin?: string;
}
namespace JSX {
interface IntrinsicElements {
'iconpark-icon': React.DetailedHTMLProps<IconParkIconAttributes<HTMLElement>, HTMLElement>;
}
}
}
131 changes: 131 additions & 0 deletions apps/happin-web/components/Foot.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,131 @@
import Link from 'next/link';

export default function Footer({ whiteLabelLogo }: { whiteLabelLogo?: any }) {
return (
<footer className="bg-gray-900">
{!whiteLabelLogo ? (
<div className="container divide-y divide-white divide-opacity-20 bg-gray-900">
<div className="flex flex-col sm:justify-between flex-wrap sm:flex-row pt-10">
{/* <div className="w-52 mb-8 sm:mb-10">
<h3 className="tracking-wide uppercase font-bold text-sm text-white">Product</h3>
<ul className="foot-menu">
<li>
<a href="https://livestream.happin.app/download" target="_blank" rel="noreferrer">Download</a>
</li>
</ul>
</div> */}
<div className="w-52 mb-8 sm:mb-10">
<h3 className="tracking-wide uppercase font-bold text-sm text-gray-50">
Happin
</h3>
<ul className="foot-menu">
<li>
<a href="mailto:partnership@happin.app">Partnership</a>
</li>
<li>
<Link href="/ambassador">Ambassador</Link>
</li>
</ul>
</div>
<div className="w-52 mb-8 sm:mb-10">
<h3 className="tracking-wide uppercase font-bold text-sm text-gray-50">
Resources
</h3>
<ul className="foot-menu">
<li>
<Link href="/news-list">News</Link>
</li>
<li>
<a href="mailto:admin@happin.app">Contact Us</a>
</li>
<li>
<Link href="/terms">Terms Of Service</Link>
</li>
<li>
<Link href="/privacy">Privacy Policy</Link>
</li>
</ul>
</div>
<div className="w-52 mb-8 sm:mb-10">
<h3 className="tracking-wide uppercase font-bold text-sm text-gray-50">
Socials
</h3>
<ul className="foot-menu">
<li>
<a
href="https://www.facebook.com/HappinEventApp"
target="_blank"
rel="noreferrer"
>
Facebook
</a>
</li>
<li>
<a
href="https://twitter.com/AppHappin"
target="_blank"
rel="noreferrer"
>
Twitter
</a>
</li>
<li>
<a
href="https://www.instagram.com/happin.app/"
target="_blank"
rel="noreferrer"
>
Instagram
</a>
</li>
</ul>
</div>
<div className="w-52 mb-8 sm:mb-10">
<h3 className="tracking-wide uppercase font-bold text-sm text-gray-50">
Apps Download
</h3>
<div className="mt-4">
<a
target="_blank"
href="https://apps.apple.com/app/id1527348429"
rel="noreferrer"
>
<img
className="h-10 hover:opacity-90 transition"
src="/images/app-store-white.svg"
alt="app-store"
/>
</a>
</div>
<div className="mt-4">
<a
target="_blank"
href="https://play.google.com/store/apps/details?id=app.happin.prod"
rel="noreferrer"
>
<img
className="h-10 hover:opacity-90 transition"
src="/images/google-play-white.svg"
alt="app-store"
/>
</a>
</div>
</div>
</div>
<div className="py-6 text-sm text-gray-400">
© 2021 Happin. All rights reserved.
</div>
</div>
) : (
<>
<div
className="container flex justify-center"
style={{ height: '100px', alignItems: 'center' }}
>
<h1 className="text-gray-50 text-center">POWERED BY Happin</h1>
</div>
</>
)}
</footer>
);
}
179 changes: 109 additions & 70 deletions apps/happin-web/components/Footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,92 +1,131 @@
import Link from 'next/link';

export default function Footer({ whiteLabelLogo }: { whiteLabelLogo?: any }) {
return <footer>
{!whiteLabelLogo ?
<div className="container divide-y divide-white divide-opacity-20 bg-gray-900">
<div className="flex flex-col sm:justify-between flex-wrap sm:flex-row pt-10">
{/* <div className="w-52 mb-8 sm:mb-10">
return (
<footer className="bg-gray-900">
{!whiteLabelLogo ? (
<div className="container divide-y divide-white divide-opacity-20 bg-gray-900">
<div className="flex flex-col sm:justify-between flex-wrap sm:flex-row pt-10">
{/* <div className="w-52 mb-8 sm:mb-10">
<h3 className="tracking-wide uppercase font-bold text-sm text-white">Product</h3>
<ul className="foot-menu">
<li>
<a href="https://livestream.happin.app/download" target="_blank" rel="noreferrer">Download</a>
</li>
</ul>
</div> */}
<div className="w-52 mb-8 sm:mb-10">
<h3 className="tracking-wide uppercase font-bold text-sm text-gray-50">Happin</h3>
<ul className="foot-menu">
<li>
<a href="mailto:partnership@happin.app">Partnership</a>
</li>
<Link href="/ambassador">
<li>
<a>Ambassador</a>
</li>
</Link>
</ul>
</div>
<div className="w-52 mb-8 sm:mb-10">
<h3 className="tracking-wide uppercase font-bold text-sm text-gray-50">Resources</h3>
<ul className="foot-menu">
<Link href="/news-list">
<div className="w-52 mb-8 sm:mb-10">
<h3 className="tracking-wide uppercase font-bold text-sm text-gray-50">
Happin
</h3>
<ul className="foot-menu">
<li>
<a>News</a>
<a href="mailto:partnership@happin.app">Partnership</a>
</li>
</Link>
<li>
<a href="mailto:admin@happin.app">Contact Us</a>
</li>
<Link href="/terms">
<li>
<a>Terms Of Service</a>
<Link href="/ambassador">Ambassador</Link>
</li>
</Link>
<Link href="/privacy">
</ul>
</div>
<div className="w-52 mb-8 sm:mb-10">
<h3 className="tracking-wide uppercase font-bold text-sm text-gray-50">
Resources
</h3>
<ul className="foot-menu">
<li>
<a>Privacy Policy</a>
<Link href="/news-list">News</Link>
</li>
</Link>
</ul>
</div>
<div className="w-52 mb-8 sm:mb-10">
<h3 className="tracking-wide uppercase font-bold text-sm text-gray-50">Socials</h3>
<ul className="foot-menu">
<li>
<a href="https://www.facebook.com/HappinEventApp" target="_blank" rel="noreferrer">Facebook</a>
</li>
<li>
<a href="https://twitter.com/AppHappin" target="_blank" rel="noreferrer">Twitter</a>
</li>
<li>
<a href="https://www.instagram.com/happin.app/" target="_blank" rel="noreferrer">Instagram</a>
</li>
</ul>
</div>
<div className="w-52 mb-8 sm:mb-10">
<h3 className="tracking-wide uppercase font-bold text-sm text-gray-50">Apps Download</h3>
<div className="mt-4">
<a target="_blank" href="https://apps.apple.com/app/id1527348429" rel="noreferrer">
<img className="h-10 hover:opacity-90 transition" src="/images/app-store-white.svg" alt="app-store" />
</a>
<li>
<a href="mailto:admin@happin.app">Contact Us</a>
</li>
<li>
<Link href="/terms">Terms Of Service</Link>
</li>
<li>
<Link href="/privacy">Privacy Policy</Link>
</li>
</ul>
</div>
<div className="w-52 mb-8 sm:mb-10">
<h3 className="tracking-wide uppercase font-bold text-sm text-gray-50">
Socials
</h3>
<ul className="foot-menu">
<li>
<a
href="https://www.facebook.com/HappinEventApp"
target="_blank"
rel="noreferrer"
>
Facebook
</a>
</li>
<li>
<a
href="https://twitter.com/AppHappin"
target="_blank"
rel="noreferrer"
>
Twitter
</a>
</li>
<li>
<a
href="https://www.instagram.com/happin.app/"
target="_blank"
rel="noreferrer"
>
Instagram
</a>
</li>
</ul>
</div>
<div className="mt-4">
<a target="_blank" rel="noreferrer">
<a target="_blank" href="https://play.google.com/store/apps/details?id=app.happin.prod" rel="noreferrer">
<img className="h-10 hover:opacity-90 transition" src="/images/google-play-white.svg" alt="app-store" />
<div className="w-52 mb-8 sm:mb-10">
<h3 className="tracking-wide uppercase font-bold text-sm text-gray-50">
Apps Download
</h3>
<div className="mt-4">
<a
target="_blank"
href="https://apps.apple.com/app/id1527348429"
rel="noreferrer"
>
<img
className="h-10 hover:opacity-90 transition"
src="/images/app-store-white.svg"
alt="app-store"
/>
</a>
</a>
</div>
<div className="mt-4">
<a
target="_blank"
href="https://play.google.com/store/apps/details?id=app.happin.prod"
rel="noreferrer"
>
<img
className="h-10 hover:opacity-90 transition"
src="/images/google-play-white.svg"
alt="app-store"
/>
</a>
</div>
</div>
</div>
<div className="py-6 text-sm text-gray-400">
© 2021 Happin. All rights reserved.
</div>
</div>
<div className="py-6 text-sm text-gray-400">© 2021 Happin. All rights reserved.</div>
</div> :
<>
<div className="container flex justify-center" style={{ height: '100px', alignItems: 'center' }}>
<h1 className="text-gray-50 text-center">POWERED BY Happin</h1>
</div>
</>
}

</footer>
) : (
<>
<div
className="container flex justify-center"
style={{ height: '100px', alignItems: 'center' }}
>
<h1 className="text-gray-50 text-center">POWERED BY Happin</h1>
</div>
</>
)}
</footer>
);
}
Loading