View Features.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { UniformSlot } from "@uniformdev/canvas-react"; | |
export function Features({ | |
subtext, | |
title, | |
}: { | |
subtext: string; | |
title: string; | |
}) { | |
return ( |
View FeatureCard.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
export function FeatureCard({ | |
imgUrl, | |
title, | |
description, | |
}: { | |
imgUrl: string; | |
title: string; | |
description: string; | |
}) { | |
return ( |
View CTA.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
export default function CTA({ | |
title, | |
buttonText, | |
}: { | |
title: string; | |
buttonText: string; | |
}) { | |
return ( | |
<div> | |
<div className="dark:bg-gray-900"> |
View index.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import * as React from "react"; | |
import type { | |
GetServerDataProps, | |
GetServerDataReturn, | |
PageProps, | |
} from "gatsby"; | |
import { PageComponent } from "../components/Page"; | |
import { Hero } from "../components/Hero"; | |
import { CTA } from "../components/CTA"; | |
import { GenericGrid } from "../components/GenericGrid"; |
View lens.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<div> | |
<p class="text-center text-4xl text-gray-900 font-bold mt-8 pt-8"> | |
E-commerce product image zoom lens in Nuxtjs | |
</p> | |
</div> | |
</template> | |
<script> |
View comment.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<div class="comment"> | |
<div class="comment__flex"> | |
<p>I found this article helpful</p> | |
<div class="comment__flex-btn"> | |
<button class="update">Update</button> | |
<button class="del">Delete</button> | |
</div> | |
</div> |
View homepage.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<div class="container"> | |
<Blog /> | |
</div> | |
</template> | |
<script> | |
import Blog from '@/components/Blog.vue'; | |
export default { |
View blogpage.vue
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<template> | |
<section class="section"> | |
<div class="section__details"> | |
<div class="section__details-info"> | |
<h1>{{ title }}</h1> | |
<div class="section__details-img"> | |
<img | |
src="https://res.cloudinary.com/terieyenike/image/upload/v1644896156/vvasmj6onychxlkkynua.png" | |
alt="anime character" | |
/> |
View preview.jsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const Home = () => { | |
const media_urls = [ | |
{ | |
id: 1, | |
title: 'Video One', | |
video_url: | |
'https://res.cloudinary.com/chris101/video/upload/v1645684691/video_1.mp4', | |
}, | |
{ |
NewerOlder