caramel/list.fur
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial setup

Browse Source
This commit is contained in:
Abhimanyu Rana
2023-05-10 18:59:09 +05:30
commit 4a328c98ca
11 changed files with 5643 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Card.astro
+46
View File
@@ -0,0 +1,46 @@
---
export interface Props {
title: string;
body: string;
href: string;
}
const { href, title, body } = Astro.props;
---
<li class="link-card">
<a href={href}>
<h6 class="nu-c-h6 nu-u-mt-4 nu-u-mb-4">
{title}
</h6>
<p class="nu-c-fs-small nu-u-mb-1">
{body}
</p>
</a>
</li>
<style>
.link-card {
list-style: none;
display: flex;
background-color: var(--background);
background-position: 100%;
border: 1px solid var(--border-muted);
}
.link-card > a {
width: 100%;
text-decoration: none;
padding: 1rem 1.3rem;
color: var(--support-info);
}
p {
color: var(--text-secondary);
}
.link-card:is(:hover, :focus-within) {
background-position: 0;
border: 1px solid var(--border);
}
.link-card:is(:hover, :focus-within) h2 {
color: rgb(var(--accent));
}
</style>
src/env.d.ts
Vendored
+1
View File
@@ -0,0 +1 @@
/// <reference types="astro/client" />
src/layouts/Layout.astro
+48
View File
@@ -0,0 +1,48 @@
---
export interface Props {
title: string;
}
const { title } = Astro.props;
---
<!DOCTYPE html>
<html lang="en" data-new-ui-theme="dark">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/svg+xml" href="/icon.png" />
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-BLXD7VCZH0"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-BLXD7VCZH0');
</script>
<body>
<slot />
</body>
</html>
<style is:global>
:root {
--system-ui: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
--accent: var(--support-info);
}
html {
font-family: var(--system-ui);
background-color: var(--background);
}
code {
font-family: Menlo, Consolas, "Ubuntu Mono", "Roboto Mono", "DejaVu Sans Mono", Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace;
}
main { margin: auto; margin: var(--spacing-10);}
h1.title { margin-bottom: var(--spacing-10); color: var(--text-secondary); margin-top: var(--spacing-16); }
section { margin-bottom: var(--spacing-10);}
</style>
src/pages/index.astro
+186
View File
@@ -0,0 +1,186 @@
---
import Layout from '../layouts/Layout.astro';
import Card from '../components/Card.astro';
import "@new-ui/colors";
import "@new-ui/typography";
import "@new-ui/effects";
import "@new-ui/spacings";
---
<Layout title="Rise of Machine">
<main>
<h1 class="nu-c-h1 title">Powerful AI Tools,<br /> Curated for You</h1>
<!-- Audio Tools -->
<section>
<h6 class="separator nu-c-h6">&#127899; Audio</h6>
<ul role="list" class="link-card-grid">
<Card
href="https://podcast.adobe.com/?ref=riseofmachine"
title="Adobe Podcast"
body="AI-powered audio recording and editing, all on the web."
/>
<Card
href="https://www.audiostrip.co.uk/?ref=riseofmachine"
title="AudioStrip"
body="Split vocals from backing music in audio files."
/>
<Card
href="https://www.beatoven.ai/?ref=riseofmachine"
title="Beatoven"
body="Create customisable royalty free music."
/>
<Card
href="https://cleanvoice.ai/?ref=riseofmachine"
title="Cleanvoice"
body="Removes filler sounds, stuttering and mouth sounds."
/>
<Card
href="https://www.voicemod.net/?ref=riseofmachine"
title="Voicemod"
body="Real-time AI voice changing and custom sound effects."
/>
</ul>
</section>
<!-- Copywriting Tools -->
<section>
<h6 class="separator nu-c-h6">&#9997; Copywriting</h6>
<ul role="list" class="link-card-grid">
<Card
href="https://www.copy.ai/?ref=riseofmachine"
title="CopyAI"
body="AI content generator that delivers premium results in seconds."
/>
<Card
href="https://copymatic.ai/?ref=riseofmachine"
title="Copymatic"
body="Generate content, copy & images with AI."
/>
<Card
href="https://www.jasper.ai/?ref=riseofmachine"
title="Jasper"
body="On-brand AI content wherever you create."
/>
<Card
href="https://rytr.me/?ref=riseofmachine"
title="Rytr"
body="AI writing assistant that helps you create high-quality content."
/>
</ul>
</section>
<!-- Developer Tools -->
<section>
<h6 class="separator nu-c-h6">&#129520; Developer Tools</h6>
<ul role="list" class="link-card-grid">
<Card
href="https://www.autoregex.xyz/?ref=riseofmachine"
title="AutoRegex"
body="Effortless conversions from English to RegEx."
/>
<Card
href="https://copymatic.ai/?ref=riseofmachine"
title="Amazon CodeWhisperer"
body="Generate code suggestions ranging from snippets to full functions."
/>
<Card
href="https://www.helicone.ai/?ref=riseofmachine"
title="Helicone"
body="Track costs, usage, and latency for GPT applications."
/>
<Card
href="http://rtutor.ai/?ref=riseofmachine"
title="RTutor"
body="Chat with your data via AI."
/>
</ul>
</section>
<!-- Design Tools -->
<section>
<h6 class="separator nu-c-h6">&#127912; Design Tools</h6>
<ul role="list" class="link-card-grid">
<Card
href="https://www.booth.ai/?ref=riseofmachine"
title="Booth.AI"
body="Create pro quality product photography with AI."
/>
<Card
href="https://www.befunky.com/?ref=riseofmachine"
title="BeFunky"
body="Edit photos, create graphic designs, and make photo collages."
/>
<Card
href="https://flair.ai/?ref=riseofmachine?ref=riseofmachine"
title="Flair"
body="The AI design tool for branded content."
/>
<Card
href="https://designer.microsoft.com/?ref=riseofmachine"
title="Microsoft Designer"
body="Generate designs and original images just by typing what you want."
/>
</ul>
</section>
<!-- Productivity Tools -->
<section>
<h6 class="separator nu-c-h6">&#128200; Productivity</h6>
<ul role="list" class="link-card-grid">
<Card
href="https://fireflies.ai/?ref=riseofmachine"
title="Fireflies"
body="Record, transcribe, search, and analyze voice conversations."
/>
<Card
href="https://www.rewind.ai/?ref=riseofmachine"
title="Rewind AI"
body="Find anything you have seen, said, or heard."
/>
<Card
href="https://www.slidesai.io/?ref=riseofmachine"
title="SlidesAI"
body="Create professional, engaging slides from any text in no time."
/>
<Card
href="https://supernormal.com/?ref=riseofmachine"
title="Supernormal"
body="Create amazing meeting notes without lifting a finger."
/>
</ul>
</section>
</main>
</Layout>
<style>
h6.separator {
margin: 1rem 0;
color: var(--text-secondary);
display: table;
white-space: nowrap;
overflow: hidden;
}
h6.separator:after {
border-top: 1px dotted var(--border);
content: '';
display: table-cell;
position: relative;
top: var(--spacing-05);
width: 100%;
}
h6.separator:before {
right: 1%;
}
h6.separator:after {
left: 1%;
}
.link-card-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
gap: 1rem;
padding: 0;
}
</style>