Skip to content

Commit

Permalink
Merge branch 'main' into registration
Browse files Browse the repository at this point in the history
  • Loading branch information
vorcigernix committed Feb 11, 2024
2 parents ad192dd + 2504f11 commit b683a58
Show file tree
Hide file tree
Showing 24 changed files with 834 additions and 40 deletions.
27 changes: 27 additions & 0 deletions .github/workflows/playwright.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
name: Playwright Tests
on:
push:
branches: [ main, master ]
pull_request:
branches: [ main, master ]
jobs:
test:
timeout-minutes: 60
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- uses: actions/setup-node@v3
with:
node-version: 18
- name: Install dependencies
run: npm install -g yarn && yarn
- name: Install Playwright Browsers
run: yarn playwright install --with-deps
- name: Run Playwright tests
run: yarn playwright test
- uses: actions/upload-artifact@v3
if: always()
with:
name: playwright-report
path: playwright-report/
retention-days: 30
7 changes: 7 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -36,5 +36,12 @@ yarn-error.log*
*.tsbuildinfo
next-env.d.ts


# lockfiles
yarn.lock

# tests
/test-results/
/playwright-report/
/blob-report/
/playwright/.cache/
146 changes: 144 additions & 2 deletions app/about/page.tsx
Original file line number Diff line number Diff line change
@@ -1,13 +1,155 @@
import { Footer } from "@/components/footer";
import { Navigation } from "@/components/navigation";
import Link from "next/link";
import React from "react";

export default function HomePage() {
return (
<div className="relative flex min-h-screen flex-col bg-background">
<div className="relative flex min-h-screen flex-col bg-background" data-testid="aboutpage">
<Navigation />
<main className="flex-1">
about

<section>
<div className="items-center w-full px-5 py-24 mx-auto md:px-12 lg:px-16 max-w-7xl">
<div className="text-left">
<div className="items-center mx-auto lg:inline-flex">
<div className="grid grid-cols-1 gap-6 lg:grid-cols-2 lg:gap-24">
<div>
<p className="text-2xl font-medium tracking-tight text-white sm:text-4xl">
About D_D RPC
</p>
</div>
<div className="lg:ml-auto">
<p className="mt-4 text-lg tracking-tight text-neutral-300 lg:mt-0">
We have the unique ability to seamlessly connect you to a vast network of decentralized node, while maintaining highest security and performance standards.
</p>
</div>
</div>
</div>
</div>
<div className="relative items-center w-full mx-auto mt-12">
<img className="object-cover object-center w-full bg-neutral-300 h-96 rounded-full" src="./ethbanner1.jpg" alt="" />
</div>
<div>
<div className="pt-12 mx-auto lg:max-w-7xl">
<dl className="grid grid-cols-1 gap-6 space-y-0 lg:gap-24 lg:grid-cols-3">
<div>
<div>
<p className="text-lg font-medium leading-6 text-neutral-200">
Developer experience
</p>
</div>
<div className="mt-2 text-base text-neutral-500">
Best there is, no doubt about it. We have the best developers in the world. What else do you need?
</div>
</div>
<div>
<div>
<p className="text-lg font-medium leading-6 text-neutral-200">
Completely decentralized
</p>
</div>
<div className="mt-2 text-base text-neutral-500">
We believe in the power of decentralization. We are a completely decentralized platform. What makes us different is that we are not just a platform, we are a community.
</div>
</div>
<div>
<div>
<p className="text-lg font-medium leading-6 text-neutral-200">
Easy onboarding
</p>
</div>
<div className="mt-2 text-base text-neutral-500">
Our platform is designed to be easy to use. We have a simple onboarding process that will get you up and running in no time.
</div>
</div>
</dl>
</div>
</div>
</div>
</section>

<section>
<div className="items-center w-full px-5 py-24 mx-auto md:px-12 lg:px-16 max-w-7xl">
<div className="grid grid-cols-1 gap-12 lg:grid-cols-3 lg:gap-8">
<div className="lg:pr-24 md:pr-12">
<h2 className="text-4xl text-neutral-100">
Our team
</h2>
</div>
<div className="lg:col-span-2">
<ul role="list" className="space-y-12 sm:grid sm:grid-cols-2 sm:gap-12 sm:space-y-0 lg:gap-x-8">
<li>
<Link href="/" className="flex items-center space-x-4 lg:space-x-6">
<img className="object-cover w-16 h-16 rounded-full lg:h-20 lg:w-20" src="https://cdn.discordapp.com/avatars/207236182592061442/b5e51209d481affadf924f2da5140090.webp?size=128" alt="" />
<div className="space-y-1">
<h3 className="text-lg font-medium leading-6 text-neutral-100">
Crypdough
</h3>
<p className="text-base text-gray-500">
Founding Engineer @Raisin_Labs
</p>
</div>
</Link>
</li>
<li>
<Link href="/" className="flex items-center space-x-4 lg:space-x-6">
<img className="object-cover w-16 h-16 rounded-full lg:h-20 lg:w-20" src="https://cdn.discordapp.com/avatars/572886672312893458/cc0f9a3e0369c27692591d49bf624540.webp?size=128" alt="" />
<div className="space-y-1">
<h3 className="text-lg font-medium leading-6 text-neutral-100">
Patrick Skinner
</h3>
<p className="text-base text-gray-500">
DevRel | POKT Socket Maintainer
</p>
</div>
</Link>
</li>
<li>
<Link href="https://adamsobotka.deno.dev/" target="_blank" className="flex items-center space-x-4 lg:space-x-6">
<img className="object-cover w-16 h-16 rounded-full lg:h-20 lg:w-20" src="https://cdn.discordapp.com/avatars/417620511791775748/fb5fbd747cbdd0de761a7066f8f31192.webp?size=128" alt="" />
<div className="space-y-1">
<h3 className="text-lg font-medium leading-6 text-neutral-100">
Adam Sobotka
</h3>
<p className="text-base text-gray-500">
Kingpin Engineer
</p>
</div>
</Link>
</li>
<li>
<Link href="/" className="flex items-center space-x-4 lg:space-x-6">
<img className="object-cover w-16 h-16 rounded-full lg:h-20 lg:w-20" src="https://cdn.discordapp.com/avatars/587378166390325268/20706fb399ae033fa7ce7cd1690754c3.webp?size=128" alt="" />
<div className="space-y-1">
<h3 className="text-lg font-medium leading-6 text-neutral-100">
Protocolwhisper
</h3>
<p className="text-base text-gray-500">
Eating Protocols
</p>
</div>
</Link>
</li>
<li>
<Link href="/" className="flex items-center space-x-4 lg:space-x-6">
<img className="object-cover w-16 h-16 rounded-full lg:h-20 lg:w-20" src="https://cdn.discordapp.com/avatars/300935427370778625/45bab143d8165a72b08516c2f26d3a7a.webp?size=128" alt="" />
<div className="space-y-1">
<h3 className="text-lg font-medium leading-6 text-neutral-100">
Kempsterrrr
</h3>
<p className="text-base text-gray-500">
Dir @ D_D
</p>
</div>
</Link>
</li>

</ul>
</div>
</div>
</div>
</section>
</main>
<Footer />
</div>
Expand Down
2 changes: 1 addition & 1 deletion app/authentication/login/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ export const metadata: Metadata = {
export default function AuthenticationPage() {
return (
<>
<div className="container relative hidden h-[800px] flex-col items-center justify-center md:grid lg:max-w-none lg:grid-cols-2 lg:px-0">
<div className="container relative hidden h-[800px] flex-col items-center justify-center md:grid lg:max-w-none lg:grid-cols-2 lg:px-0" data-testid="loginpage">
<Link
href="/authentication"
className="absolute right-4 top-4 md:right-8 md:top-8 flex items-center justify-center gap-1 rounded-full border-2 transition-all h-12 px-6 text-lg text-black border-white bg-white font-paragraph font-semibold tracking-wider hover:drop-shadow-[10px_0_20px_rgba(254,254,254,0.472)]"
Expand Down
64 changes: 62 additions & 2 deletions app/contact/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,10 +4,70 @@ import React from "react";

export default function HomePage() {
return (
<div className="relative flex min-h-screen flex-col bg-background">
<div className="relative flex min-h-screen flex-col bg-background" data-testid="contactpage">
<Navigation />
<main className="flex-1">
contact

<section>
<div className="relative flex justify-center max-h-full overflow-hidden lg:px-0 md:px-12">
<div className="relative z-10 flex flex-col flex-1 px-4 py-10 shadow-2xl lg:py-24 md:flex-none md:px-28 sm:justify-center">
<div className="w-full max-w-md mx-auto md:max-w-sm md:px-0 md:w-96 sm:px-4">
<div className="flex flex-col">
<div>
<h2 className="text-4xl text-white">Let's get started!</h2>
<p className="mt-2 text-sm text-neutral-400">
Complete the details below so I can process your request and then
schedule a time to discuss your goals.
</p>
</div>
</div>
<form>
<div className="mt-4 space-y-6">
<div>
<label className="block mb-3 text-sm font-medium text-neutral-300" id="name">
First name
</label>
<input className="block w-full px-6 py-3 text-black bg-white border border-neutral-200 appearance-none rounded-xl placeholder:text-neutral-400 focus:border-blue-500 focus:outline-none focus:ring-blue-500 sm:text-sm" placeholder="Your name" />
</div>
<div className="col-span-full">
<label className="block mb-3 text-sm font-medium text-neutral-300" id="company">
What is the name of your company / organisation?
</label>
<input className="block w-full px-6 py-3 text-black bg-white border border-neutral-200 appearance-none rounded-xl placeholder:text-neutral-400 focus:border-blue-500 focus:outline-none focus:ring-blue-500 sm:text-sm" placeholder="Company name" />
</div>
<div className="col-span-full">
<label className="block mb-3 text-sm font-medium text-neutral-300" id="email">
How shall we contact you?
</label>
<input className="block w-full px-6 py-3 text-black bg-white border border-neutral-200 appearance-none rounded-xl placeholder:text-neutral-400 focus:border-blue-500 focus:outline-none focus:ring-blue-500 sm:text-sm" placeholder="[email protected]" type="email" />
</div>
<div>
<div>
<label className="block mb-3 text-sm font-medium text-neutral-300" id="message">
Project details
</label>
<div className="mt-1">
<textarea className="block w-full px-6 py-3 text-black bg-white border border-neutral-200 appearance-none rounded-xl placeholder:text-neutral-400 focus:border-blue-500 focus:outline-none focus:ring-blue-500 sm:text-sm" placeholder="What are you working on?" rows={4}></textarea>
</div>
</div>
</div>
<div className="col-span-full">
<button className="items-center justify-center w-full px-6 py-2.5 text-center text-white duration-200 bg-black border-2 border-black rounded-full nline-flex hover:bg-white text-lg hover:border-black hover:text-black focus:outline-none focus-visible:outline-black font-paragraph font-semibold tracking-wider transition-all hover:drop-shadow-[10px_0_20px_rgba(254,254,254,0.472)] focus-visible:ring-black" type="submit">
Submit your request
</button>
</div>
</div>
</form>
</div>
</div>
<div className="hidden lg:block lg:flex-1 lg:relative sm:contents py-10 lg:py-24 lg:pr-10">
<div className="object-cover w-full">
<img className="object-center w-full h-auto bg-neutral-200 rounded-full" src="ethbanner2.jpg" alt="" width="1310" height="873" />
</div>
</div>
</div>
</section>

</main>
<Footer />
</div>
Expand Down
2 changes: 1 addition & 1 deletion app/dashboard/_components/Sidebar.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ export default function Sidebar() {
// SIDEBAR COLLAPSE VARIABLE
const { toggleCollapse } = useSidebarToggle();
const sidebarContainerStyle = cn(
"overflow-y-auto overflow-x-auto fixed bg-[#31353d] text-gray-500 z-50 h-full shadow-lg shadow-gray-900/20 transition duration-300 ease-in-out w-[20rem]",
"overflow-y-auto overflow-x-auto fixed bg-[#31353d] text-neutral-500 z-50 h-full shadow-lg shadow-neutral-900/20 transition duration-300 ease-in-out w-[20rem]",
{
["sm:w-[5rem] sm:left-0 left-[-100%]"]: toggleCollapse,
["w-[20rem]"]: !toggleCollapse,
Expand Down
Loading

0 comments on commit b683a58

Please sign in to comment.