Dockerize new sveltekit app
This commit is contained in:
15
packages/web/app/cokno/page.tsx
Normal file
15
packages/web/app/cokno/page.tsx
Normal file
@@ -0,0 +1,15 @@
|
||||
export default async function Page() {
|
||||
return (
|
||||
<div className="flex flex-col items-center">
|
||||
<h1 className="text-4xl my-5">The Collective Knowledge of Stan Runge</h1>
|
||||
|
||||
<p className="my-5">
|
||||
<i>"The Collective Knowledge of Stan Runge"</i> (CoKno) is a project
|
||||
designed to serve as a personal Zettelkast system, similiar to
|
||||
Wikipedia.
|
||||
</p>
|
||||
|
||||
<h2 className="text-2xl my-5">Topics { }</h2>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
76
packages/web/app/globals.css
Normal file
76
packages/web/app/globals.css
Normal file
@@ -0,0 +1,76 @@
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@layer base {
|
||||
:root {
|
||||
--background: 0 0% 100%;
|
||||
--foreground: 240 10% 3.9%;
|
||||
|
||||
--card: 0 0% 100%;
|
||||
--card-foreground: 240 10% 3.9%;
|
||||
|
||||
--popover: 0 0% 100%;
|
||||
--popover-foreground: 240 10% 3.9%;
|
||||
|
||||
--primary: 240 5.9% 10%;
|
||||
--primary-foreground: 0 0% 98%;
|
||||
|
||||
--secondary: 240 4.8% 95.9%;
|
||||
--secondary-foreground: 240 5.9% 10%;
|
||||
|
||||
--muted: 240 4.8% 95.9%;
|
||||
--muted-foreground: 240 3.8% 46.1%;
|
||||
|
||||
--accent: 240 4.8% 95.9%;
|
||||
--accent-foreground: 240 5.9% 10%;
|
||||
|
||||
--destructive: 0 84.2% 60.2%;
|
||||
--destructive-foreground: 0 0% 98%;
|
||||
|
||||
--border: 240 5.9% 90%;
|
||||
--input: 240 5.9% 90%;
|
||||
--ring: 240 10% 3.9%;
|
||||
|
||||
--radius: 0.5rem;
|
||||
}
|
||||
|
||||
.dark {
|
||||
--background: 240 10% 3.9%;
|
||||
--foreground: 0 0% 98%;
|
||||
|
||||
--card: 240 10% 3.9%;
|
||||
--card-foreground: 0 0% 98%;
|
||||
|
||||
--popover: 240 10% 3.9%;
|
||||
--popover-foreground: 0 0% 98%;
|
||||
|
||||
--primary: 0 0% 98%;
|
||||
--primary-foreground: 240 5.9% 10%;
|
||||
|
||||
--secondary: 240 3.7% 15.9%;
|
||||
--secondary-foreground: 0 0% 98%;
|
||||
|
||||
--muted: 240 3.7% 15.9%;
|
||||
--muted-foreground: 240 5% 64.9%;
|
||||
|
||||
--accent: 240 3.7% 15.9%;
|
||||
--accent-foreground: 0 0% 98%;
|
||||
|
||||
--destructive: 0 62.8% 30.6%;
|
||||
--destructive-foreground: 0 0% 98%;
|
||||
|
||||
--border: 240 3.7% 15.9%;
|
||||
--input: 240 3.7% 15.9%;
|
||||
--ring: 240 4.9% 83.9%;
|
||||
}
|
||||
}
|
||||
|
||||
@layer base {
|
||||
* {
|
||||
@apply border-border;
|
||||
}
|
||||
body {
|
||||
@apply bg-background text-foreground;
|
||||
}
|
||||
}
|
||||
88
packages/web/app/layout.tsx
Normal file
88
packages/web/app/layout.tsx
Normal file
@@ -0,0 +1,88 @@
|
||||
import { GeistSans } from "geist/font/sans";
|
||||
import "./globals.css";
|
||||
import TabItem from "@/components/TabItem";
|
||||
import { Icon } from "../components/Icon";
|
||||
import { Analytics } from "@vercel/analytics/react";
|
||||
|
||||
const defaultUrl = process.env.VERCEL_URL
|
||||
? `https://${process.env.VERCEL_URL}`
|
||||
: "http://localhost:3000";
|
||||
|
||||
export const metadata = {
|
||||
metadataBase: new URL(defaultUrl),
|
||||
title: "Stan Runge",
|
||||
description: "Stan Runge's Website",
|
||||
};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
}: {
|
||||
children: React.ReactNode;
|
||||
}) {
|
||||
return (
|
||||
<html lang="en" className={GeistSans.className}>
|
||||
<body
|
||||
style={{
|
||||
position: "relative",
|
||||
color: "white",
|
||||
backgroundColor: "rgba(0, 0, 0, 1)",
|
||||
}}
|
||||
>
|
||||
<div
|
||||
style={{
|
||||
backgroundImage: `url(moon.jpg)`,
|
||||
backgroundSize: "cover",
|
||||
backgroundPosition: "center",
|
||||
filter: "blur(5px)",
|
||||
position: "fixed",
|
||||
top: 0,
|
||||
left: -46,
|
||||
width: "100%",
|
||||
height: "100%",
|
||||
zIndex: -1,
|
||||
}}
|
||||
/>
|
||||
<div className="flex justify-between my-5 mx-5">
|
||||
<div className="flex-1">
|
||||
<h1 className="text-2xl">
|
||||
<a href="/">Stan Runge</a>
|
||||
</h1>
|
||||
</div>
|
||||
<div className="flex-1 flex justify-center">
|
||||
<div className="flex gap-5">
|
||||
<TabItem targetPath="/projects" text="Projects" />
|
||||
<TabItem targetPath="/publications" text="Publications" />
|
||||
<TabItem targetPath="/cokno" text="CoKno" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex-1 flex justify-end">
|
||||
<div className="flex gap-5">
|
||||
<a href="https://github.com/stanrunge">
|
||||
<Icon d="M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33s1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2" />
|
||||
</a>
|
||||
<a href="https://linkedin.com/in/stanrunge">
|
||||
<Icon d="M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93zM6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37z" />
|
||||
</a>
|
||||
<a href="https://x.com/stanrunge">
|
||||
<Icon d="M18.205 2.25h3.308l-7.227 8.26l8.502 11.24H16.13l-5.214-6.817L4.95 21.75H1.64l7.73-8.835L1.215 2.25H8.04l4.713 6.231zm-1.161 17.52h1.833L7.045 4.126H5.078z" />
|
||||
</a>
|
||||
<a href="https://www.youtube.com/channel/UC12PhJmU6hhj_-EbTAdgHvw">
|
||||
<Icon d="m10 15l5.19-3L10 9zm11.56-7.83c.13.47.22 1.1.28 1.9c.07.8.1 1.49.1 2.09L22 12c0 2.19-.16 3.8-.44 4.83c-.25.9-.83 1.48-1.73 1.73c-.47.13-1.33.22-2.65.28c-1.3.07-2.49.1-3.59.1L12 19c-4.19 0-6.8-.16-7.83-.44c-.9-.25-1.48-.83-1.73-1.73c-.13-.47-.22-1.1-.28-1.9c-.07-.8-.1-1.49-.1-2.09L2 12c0-2.19.16-3.8.44-4.83c.25-.9.83-1.48 1.73-1.73c.47-.13 1.33-.22 2.65-.28c1.3-.07 2.49-.1 3.59-.1L12 5c4.19 0 6.8.16 7.83.44c.9.25 1.48.83 1.73 1.73" />
|
||||
</a>
|
||||
<a href="https://twitch.com/stanrunge_">
|
||||
<Icon d="M11.64 5.93h1.43v4.28h-1.43m3.93-4.28H17v4.28h-1.43M7 2L3.43 5.57v12.86h4.28V22l3.58-3.57h2.85L20.57 12V2m-1.43 9.29l-2.85 2.85h-2.86l-2.5 2.5v-2.5H7.71V3.43h11.43Z" />
|
||||
</a>
|
||||
<a href="https://instagram.com/stan_runge">
|
||||
<Icon d="M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4zm9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8A1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5a5 5 0 0 1-5 5a5 5 0 0 1-5-5a5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3a3 3 0 0 0 3 3a3 3 0 0 0 3-3a3 3 0 0 0-3-3" />
|
||||
</a>
|
||||
<a href="https://osu.ppy.sh/users/11212255">
|
||||
<Icon d="M7.698 10.362a1.94 1.94 0 0 0-.7-.516q-.421-.189-.988-.189c-.567 0-.704.063-.982.189s-.51.298-.692.516q-.273.328-.413.777q-.139.448-.139.96q0 .511.14.952q.139.44.412.767q.274.329.692.512t.982.184c.565 0 .707-.062.988-.184q.422-.184.7-.512q.279-.327.413-.767q.135-.44.135-.952a3.3 3.3 0 0 0-.135-.96a2.1 2.1 0 0 0-.413-.777m-.965 2.81q-.22.372-.723.372q-.494 0-.713-.372q-.22-.373-.22-1.073c0-.7.073-.824.22-1.073q.22-.372.713-.372q.503 0 .723.372q.22.373.22 1.073t-.22 1.073m11.89-.83l-.09-4.39a4.5 4.5 0 0 1 .69-.054q.351 0 .701.054l-.09 4.39q-.315.053-.601.053a3.5 3.5 0 0 1-.61-.054m1.319 1.4q0 .332-.054.664a4 4 0 0 1-.655.054a4 4 0 0 1-.664-.054a4 4 0 0 1-.054-.655q0-.323.054-.665a4 4 0 0 1 .655-.054q.323 0 .664.054q.054.341.054.656m-3.223-4.03q.315 0 .638.053v4.461q-.288.099-.759.193a5.3 5.3 0 0 1-1.863.023a1.7 1.7 0 0 1-.74-.305q-.32-.234-.507-.683q-.189-.449-.189-1.193V9.765a4 4 0 0 1 .638-.054q.313 0 .637.054v2.46q0 .367.058.606a.9.9 0 0 0 .18.377a.66.66 0 0 0 .3.197q.18.058.422.058q.332 0 .557-.062V9.765a4 4 0 0 1 .628-.054m-4.362 2.683q.08.225.08.548a1.4 1.4 0 0 1-.542 1.117q-.265.212-.642.333q-.378.12-.853.12a5 5 0 0 1-.395-.013a3 3 0 0 1-.346-.045a4 4 0 0 1-.327-.076a4 4 0 0 1-.35-.116a2.6 2.6 0 0 1 .085-.49a3 3 0 0 1 .175-.48q.296.117.561.175q.265.06.552.059q.126 0 .274-.023a1 1 0 0 0 .274-.08a.7.7 0 0 0 .21-.153a.35.35 0 0 0 .086-.247q0-.216-.13-.31a1.3 1.3 0 0 0-.364-.166l-.556-.162q-.503-.143-.786-.426q-.282-.283-.283-.848q0-.682.49-1.068q.489-.386 1.332-.386q.35 0 .692.062q.341.063.691.189a2.5 2.5 0 0 1-.09.485a2.3 2.3 0 0 1-.17.44a4 4 0 0 0-.476-.158a2.2 2.2 0 0 0-.548-.067q-.305 0-.476.094a.32.32 0 0 0-.17.301q0 .197.121.278t.346.153l.511.153q.252.072.454.175t.345.255t.225.377M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12c6.628 0 12-5.373 12-12S18.628 0 12 0m0 22.8C6.035 22.8 1.2 17.965 1.2 12S6.035 1.2 12 1.2S22.8 6.035 22.8 12S17.965 22.8 12 22.8" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{children}
|
||||
</body>
|
||||
</html>
|
||||
);
|
||||
}
|
||||
34
packages/web/app/page.tsx
Normal file
34
packages/web/app/page.tsx
Normal file
@@ -0,0 +1,34 @@
|
||||
export default async function Index() {
|
||||
return (
|
||||
<div>
|
||||
<div className="flex items-center place-content-center gap-10 py-10">
|
||||
<img src="stan.jpg" alt="Stan Runge" className="rounded-xl size-64" />
|
||||
<div className="text-center">
|
||||
<h1 className="text-5xl my-3">Stan Runge</h1>
|
||||
<a href="mailto:stan@stanrunge.dev">stan@stanrunge.dev</a>
|
||||
<p>The Hague, Netherlands</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="text-center my-10">
|
||||
<h2 className="text-3xl">Experience</h2>
|
||||
<b>Founder</b>
|
||||
<p>Vash Software</p>
|
||||
</div>
|
||||
<div className="text-center my-10">
|
||||
<b>Software Engineer Intern</b>
|
||||
<p>H5mag</p>
|
||||
</div>
|
||||
<div className="text-center my-10">
|
||||
<b>Junior IT Specialist</b>
|
||||
<p>Finance Plus</p>
|
||||
</div>
|
||||
<div className="text-center my-10">
|
||||
<h2 className="text-3xl">Education</h2>
|
||||
<b>The Hague University of Applied Sciences</b>
|
||||
<p>BSc Software Engineering</p>
|
||||
<p>Minor: Deep Learning</p>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
62
packages/web/app/projects/page.tsx
Normal file
62
packages/web/app/projects/page.tsx
Normal file
@@ -0,0 +1,62 @@
|
||||
import { Icon } from "@/components/Icon";
|
||||
import { ProjectCard } from "@/components/ProjectCard";
|
||||
|
||||
export default async function Page() {
|
||||
return (
|
||||
<div className="flex flex-col items-center">
|
||||
<h1 className="text-4xl my-5">Projects</h1>
|
||||
<div
|
||||
className="my-5 rounded-xl"
|
||||
style={{
|
||||
backgroundColor: "gray",
|
||||
}}
|
||||
>
|
||||
<h2 className="text-2xl font-bold">Vash Software</h2>
|
||||
<p>A global, asynchronic software company.</p>
|
||||
|
||||
<div>
|
||||
<h3 className="text-xl font-semibold">Vash Esports (Pre-Alpha)</h3>
|
||||
<p>The best way to play games competitively.</p>
|
||||
|
||||
<div>
|
||||
<h4 className="text-l font-semibold">Web App</h4>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 className="text-l font-semibold">iOS App</h4>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 className="text-l font-semibold">Vash Gaming Network</h4>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<h4 className="text-l font-semibold">osu! Match Streamer</h4>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="my-5">
|
||||
<h2 className="text-2xl my-5">Personal Projects (3)</h2>
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
<ProjectCard
|
||||
title="This Website"
|
||||
description="Despite being a simple, mostly static website, there's a lot
|
||||
more behind the scenes."
|
||||
link="https://github.com/stanrunge/personal-website"
|
||||
/>
|
||||
<ProjectCard
|
||||
title="Spotify osu! Map Finder"
|
||||
description="A tool to find osu! maps based on Spotify playlists."
|
||||
link="https://github.com/stanrunge/spotify-map-finder"
|
||||
/>
|
||||
<ProjectCard
|
||||
title="Livvie MC Tournament Plugin"
|
||||
description="A Minecraft plugin to run tournaments on a server."
|
||||
link="https://github.com/stanrunge/livvie-mc-tournament-plugin"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
433
packages/web/app/publications/page.tsx
Normal file
433
packages/web/app/publications/page.tsx
Normal file
@@ -0,0 +1,433 @@
|
||||
export default async function Page() {
|
||||
return (
|
||||
<div className="flex flex-col items-center">
|
||||
<h1 className="text-4xl my-5">Publications</h1>
|
||||
<div className="my-5 text-center">
|
||||
<h2 className="text-2xl underline">Presentations (1)</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://www.youtube.com/watch?v=cTi5Amaqf-Q">
|
||||
Quantum Vision Transformer
|
||||
</a>
|
||||
|
||||
<iframe
|
||||
width="560"
|
||||
height="315"
|
||||
src="https://www.youtube.com/embed/cTi5Amaqf-Q?si=JEwSIAzhhqLkjWNf"
|
||||
title="YouTube video player"
|
||||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
|
||||
></iframe>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{/* <div className="my-5">
|
||||
<h2 className="text-2xl text-center underline">
|
||||
Literature Reviews (19)
|
||||
</h2>
|
||||
<ul>
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://learning.oreilly.com/library/cover/9781491935668/250w/"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">Kubernetes: Up and Running</h3>
|
||||
<h2>Brendan Burns, Joe Beda, and Kelsey Hightower</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
I started reading this book primarily to get started with
|
||||
containers and Kubernetes. I've been having a decent
|
||||
understanding of containers and have worked with Docker before,
|
||||
but in this instance I needed to build a high performing system.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://covers.openlibrary.org/b/id/8390831-L.jpg"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">
|
||||
Quantum Computation and Quantum Information
|
||||
</h3>
|
||||
<h2>Michael A. Nielsen, Isaac L. Chuang</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
This book provides a comprehensive introduction to the theory
|
||||
and practice of quantum computing and information. It has been
|
||||
crucial in expanding my understanding of quantum mechanics and
|
||||
its computational applications.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://images.penguinrandomhouse.com/cover/9780199678112"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">Superintelligence</h3>
|
||||
<h2>Nick Bostrom</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
This book explores the future of artificial intelligence and its
|
||||
potential impact on society. It provides deep insights into the
|
||||
challenges and opportunities posed by superintelligent AI.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://images-na.ssl-images-amazon.com/images/I/41oGs8GEEPL._SX329_BO1,204,203,200_.jpg"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">Deep Utopia</h3>
|
||||
<h2>Nick Bostrom</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
In this thought-provoking book, Bostrom delves into the
|
||||
possibilities of achieving a utopian society through advances in
|
||||
technology and deep thinking about human values.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://covers.oreillystatic.com/images/9780131103627/lrg.jpg"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">The C Programming Language</h3>
|
||||
<h2>Brian W. Kernighan, Dennis M. Ritchie</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
This classic book is essential for learning the fundamentals of
|
||||
C programming. It has been a valuable resource in mastering the
|
||||
language and understanding system-level programming.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://images-na.ssl-images-amazon.com/images/I/41F9A0XERQL._SX331_BO1,204,203,200_.jpg"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">
|
||||
The Hitchhiker's Guide to the Galaxy
|
||||
</h3>
|
||||
<h2>Douglas Adams</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
A humorous and imaginative science fiction novel that takes
|
||||
readers on a whimsical journey through the galaxy. It's a
|
||||
delightful read that blends satire, wit, and adventure.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://covers.openlibrary.org/b/id/8379551-L.jpg"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">Metamorphosis of Prime Intellect</h3>
|
||||
<h2>Roger Williams</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
This novel explores the implications of a superintelligent AI
|
||||
that gains control over the universe. It raises fascinating
|
||||
questions about the nature of power and humanity's place in a
|
||||
technologically advanced world.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://images-na.ssl-images-amazon.com/images/I/51aiK3W-k+L._SX331_BO1,204,203,200_.jpg"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">Critique of Pure Reason</h3>
|
||||
<h2>Immanuel Kant</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
A foundational work in philosophy, this book provides an
|
||||
in-depth analysis of metaphysics and epistemology. It's a
|
||||
challenging but rewarding read that has greatly influenced my
|
||||
philosophical thinking.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://images-na.ssl-images-amazon.com/images/I/51p3XQPKGEL._SX331_BO1,204,203,200_.jpg"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">Fundamentals of Astrodynamics</h3>
|
||||
<h2>Roger R. Bate, Donald D. Mueller, Jerry E. White</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
This book provides a comprehensive introduction to the
|
||||
principles of astrodynamics and orbital mechanics. It's an
|
||||
essential resource for anyone interested in space exploration
|
||||
and satellite technology.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://covers.openlibrary.org/b/id/8232002-L.jpg"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">
|
||||
The History of the Decline and Fall of the Roman Empire
|
||||
</h3>
|
||||
<h2>Edward Gibbon</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
A monumental work of history that chronicles the fall of the
|
||||
Roman Empire. Gibbon's analysis is detailed and insightful,
|
||||
offering valuable lessons on the rise and fall of civilizations.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://images-na.ssl-images-amazon.com/images/I/51uN9ByplRL._SX331_BO1,204,203,200_.jpg"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">Aap in Pak</h3>
|
||||
<h2>Kader Abdolah</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
A compelling novel that delves into the complexities of cultural
|
||||
identity and migration. Abdolah's storytelling is both poignant
|
||||
and thought-provoking.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://images-na.ssl-images-amazon.com/images/I/51RYbL6K60L._SX331_BO1,204,203,200_.jpg"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">The Art of War</h3>
|
||||
<h2>Sun Tzu</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
An ancient Chinese military treatise that offers timeless
|
||||
strategies for success in warfare and beyond. Its principles are
|
||||
applicable to various aspects of life, including business and
|
||||
personal development.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://images-na.ssl-images-amazon.com/images/I/51k0qa6QZIL._SX404_BO1,204,203,200_.jpg"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">Design Patterns</h3>
|
||||
<h2>Erich Gamma, Richard Helm, Ralph Johnson, John Vlissides</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
This book provides a comprehensive guide to software design
|
||||
patterns, offering solutions to common design problems. It's an
|
||||
essential resource for software developers looking to improve
|
||||
their design skills.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://images-na.ssl-images-amazon.com/images/I/51V23uPbFNL._SX379_BO1,204,203,200_.jpg"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">The Pragmatic Programmer</h3>
|
||||
<h2>Andrew Hunt, David Thomas</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
A classic book that offers practical advice and tips for
|
||||
software developers. It covers a wide range of topics, from
|
||||
coding techniques to project management, making it a must-read
|
||||
for any programmer.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://images-na.ssl-images-amazon.com/images/I/41LOq9BOi9L._SX348_BO1,204,203,200_.jpg"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">Algorithms</h3>
|
||||
<h2>Robert Sedgewick, Kevin Wayne</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
This book provides a comprehensive introduction to algorithms
|
||||
and data structures. It's an essential resource for anyone
|
||||
looking to deepen their understanding of computer science
|
||||
fundamentals.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://images-na.ssl-images-amazon.com/images/I/41IYx9VMCcL._SX331_BO1,204,203,200_.jpg"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">Negotiating for Success</h3>
|
||||
<h2>George J. Siedel</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
This book offers practical strategies and techniques for
|
||||
effective negotiation. It's a valuable resource for anyone
|
||||
looking to improve their negotiation skills and achieve better
|
||||
outcomes.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://images-na.ssl-images-amazon.com/images/I/41+8YpKNSqL._SX331_BO1,204,203,200_.jpg"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">Quantum Computing since Democritus</h3>
|
||||
<h2>Scott Aaronson</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
This book provides an accessible introduction to the principles
|
||||
of quantum computing. Aaronson's writing is engaging and
|
||||
thought-provoking, making complex concepts easier to understand.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://images-na.ssl-images-amazon.com/images/I/41XBlMiwPGL._SX331_BO1,204,203,200_.jpg"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">Good Strategy Bad Strategy</h3>
|
||||
<h2>Richard P. Rumelt</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
This book explores the difference between good and bad
|
||||
strategies, providing practical advice for developing effective
|
||||
strategies. It's a must-read for anyone involved in strategic
|
||||
planning and decision-making.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://images-na.ssl-images-amazon.com/images/I/41iMyMWsAmL._SX380_BO1,204,203,200_.jpg"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">Neuroscience: Exploring the Brain</h3>
|
||||
<h2>Mark F. Bear, Barry W. Connors, Michael A. Paradiso</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
This textbook provides a comprehensive introduction to the field
|
||||
of neuroscience. It covers a wide range of topics, from cellular
|
||||
and molecular neuroscience to cognitive and behavioral
|
||||
neuroscience.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li className="flex m-3">
|
||||
<div className="m-3">
|
||||
<img
|
||||
src="https://images-na.ssl-images-amazon.com/images/I/41zLC3aJGaL._SX403_BO1,204,203,200_.jpg"
|
||||
alt=""
|
||||
width="500em"
|
||||
/>
|
||||
<h3 className="font-bold">Deep Learning with Python</h3>
|
||||
<h2>François Chollet</h2>
|
||||
</div>
|
||||
<div className="m-3">
|
||||
<p>
|
||||
This book offers an accessible introduction to deep learning
|
||||
using Python and Keras. It's a valuable resource for anyone
|
||||
looking to get started with deep learning and understand its
|
||||
practical applications.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div> */}
|
||||
|
||||
{/* <h2>Blog posts (0)</h2> */}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user