Skip to content

Commit

Permalink
Merge pull request #142 from FrancescoXX/button
Browse files Browse the repository at this point in the history
button, add book, update people section
  • Loading branch information
FrancescoXX authored Jul 26, 2024
2 parents 51e705a + 09e503c commit eb1aaad
Show file tree
Hide file tree
Showing 5 changed files with 30 additions and 116 deletions.
Binary file added public/covers/franbook.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
91 changes: 8 additions & 83 deletions src/app/globals.css
Original file line number Diff line number Diff line change
Expand Up @@ -3,19 +3,15 @@
@tailwind utilities;

:root {
--rust-orange: #dd6b20;
/* Define the rust-orange color */
--x: 0;
--y: 0;
--rust-orange: #dd6b20; /* Define the rust-orange color */
}

html {
transition: background-color 0.3s, color 0.3s;
scroll-behavior: smooth;
}

body {
font-family: "Roboto", sans-serif;
font-family: 'Roboto', sans-serif;
}

.border-rust-orange {
Expand All @@ -31,87 +27,16 @@ body {
color: darkorange;
}

.form-glow input,
.form-glow button {
animation: form-glow 1.5s ease-in-out infinite alternate;
/* Optional: Add glow effect for buttons */
.glow {
animation: glow 1.5s infinite alternate;
}

@keyframes form-glow {
@keyframes glow {
from {
box-shadow: 0 0 10px var(--rust-orange);
box-shadow: 0 0 5px #ffa726, 0 0 10px #ff9800, 0 0 15px #fb8c00, 0 0 20px #f57c00;
}

to {
box-shadow: 0 0 20px var(--rust-orange);
}
}

.group:hover input {
border-color: #ea580c !important;
/* Change border color to orange-600 on button hover */
}

.spinner {
border-top-color: transparent;
border-radius: 50%;
width: 24px;
height: 24px;
border: 4px solid;
border-color: white transparent white transparent;
animation: spin 1s linear infinite;
}

@keyframes spin {
0% {
transform: rotate(0deg);
}

100% {
transform: rotate(360deg);
box-shadow: 0 0 10px #ff9800, 0 0 15px #fb8c00, 0 0 20px #f57c00, 0 0 25px #ef6c00;
}
}

/* for mouse tracking border in tool card */
.toolsInnerCard {
position: relative !important;
transition: background 0.1s;
}

.toolsInnerCard:hover {
--active: 1;
}

.toolsInnerCard:after {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(
circle at var(--x) var(--y),
#ffffff10,
transparent 15vmin
);
background-attachment: fixed;
opacity: var(--active, 0);
transition: opacity 0.2s;
pointer-events: none;
}

.toolsInnerCard:before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(
circle at var(--x) var(--y),
#ea580c,
transparent 18vmin
),
transparent;
background-attachment: fixed;
pointer-events: none;
border-radius: 0.5rem;
mask:
linear-gradient(#ea580c, #ea580c50) 50% 0 / 100% 4px no-repeat,
linear-gradient(#ea580c, #ea580c50) 50% 100% / 100% 4px no-repeat,
linear-gradient(#ea580c, #ea580c50) 0 50% / 4px 100% no-repeat,
linear-gradient(#ea580c, #ea580c50) 100% 50% / 4px 100% no-repeat;
}
12 changes: 8 additions & 4 deletions src/app/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,6 @@ import PeopleSection from "@/components/PeopleSection";
import LessonSection from "@/components/LessonSection";

export default function Home() {

return (
<main className="flex-grow flex flex-col items-center justify-center text-center space-y-6">
<div className="flex flex-col items-center justify-center text-center space-y-6 p-4 h-dvh">
Expand Down Expand Up @@ -40,9 +39,14 @@ export default function Home() {
<SubstackCustom />
</div>
<br />
{/* <div className="w-full max-w-md">
<SubstackEmbed />
</div> */}
<a
href="https://mybook.to/YJI6DI"
target="_blank"
rel="noopener noreferrer"
className="mt-4 inline-block px-6 py-3 bg-gradient-to-r from-orange-500 to-orange-700 text-white font-bold text-lg rounded-full hover:from-orange-600 hover:to-yellow-600 transition duration-300"
>
Preorder the Rust Book Now!
</a>
</div>
<div id='books' className='min-h-dvh'>
<Books />
Expand Down
25 changes: 13 additions & 12 deletions src/data/books.ts
Original file line number Diff line number Diff line change
Expand Up @@ -7,51 +7,52 @@ export interface Books {
}

export const books: Array<Books> = [
{
title: "Rust from Beginner to Professional",
author: "Francesco Ciulla",
description: "A practical Rust guide to go from beginner to expert and become a proficient, qualified developer.",
cover: "/covers/franbook.jpg",
link: "https://mybook.to/YJI6DI",
},
{
title: "The Rust Programming Language",
author: "Steve Klabnik and Carol Nichols",
description:
"An introductory book to Rust, covering the language from basics to advanced topics.",
description: "An introductory book to Rust, covering the language from basics to advanced topics.",
cover: "/covers/rust_book_01.jpg",
link: "https://doc.rust-lang.org/book/",
},
{
title: "Programming Rust: Fast, Safe Systems Development",
author: "Jim Blandy and Jason Orendorff",
description:
"A comprehensive guide to Rust programming focusing on systems-level programming.",
description: "A comprehensive guide to Rust programming focusing on systems-level programming.",
cover: "/covers/rust_book_02.jpg",
link: "https://www.oreilly.com/library/view/programming-rust/9781491927274/",
},
{
title: "Rust Programming By Example",
author: "Guillaume Gomez and Antoni Boucher",
description:
"Learn Rust by building practical applications and solving real-world problems.",
description: "Learn Rust by building practical applications and solving real-world problems.",
cover: "/covers/rust_book_03.jpg",
link: "https://www.packtpub.com/product/rust-programming-by-example/9781788390637",
},
{
title: "Rust in Action",
author: "Tim McNamara",
description:
"A hands-on guide to systems programming with Rust, filled with practical examples.",
description: "A hands-on guide to systems programming with Rust, filled with practical examples.",
cover: "/covers/rust_book_04.jpg",
link: "https://www.manning.com/books/rust-in-action",
},
{
title: "Mastering Rust",
author: "Vesa Kaihlavirta",
description:
"A book for advanced Rust programmers to deepen their knowledge and master the language.",
description: "A book for advanced Rust programmers to deepen their knowledge and master the language.",
cover: "/covers/rust_book_05.jpg",
link: "https://www.packtpub.com/product/mastering-rust/9781788993050",
},
{
title: "Zero To Production In Rust",
author: "Luca Palmieri",
description:
"Zero To Production is the ideal starting point for your journey as a Rust backend developer.",
description: "Zero To Production is the ideal starting point for your journey as a Rust backend developer.",
cover: "/covers/rust_book_06.jpg",
link: "https://www.zero2prod.com/",
},
Expand Down
18 changes: 1 addition & 17 deletions src/data/people.ts
Original file line number Diff line number Diff line change
Expand Up @@ -7,28 +7,12 @@ export interface People {
}

export const people: Array<People> = [
{
name: "aFrancesco Ciulla",
role: "Founder",
description:
"A passionate Software Engineer from Italy - Currently focused on Rust and Docker content on YouTube",
profileIcon: "https://github.com/FrancescoXX.png",
github: "https://github.com/FrancescoXX",
},
{
name: "Francesco Ciulla",
role: "Founder",
description:
"A passionate Software Engineer from Italy - Currently focused on Rust and Docker content on YouTube",
profileIcon: "https://github.com/FrancescoXX.png",
github: "https://github.com/FrancescoXX",
},
{
name: "Francesco Ciulla",
role: "Founder",
description:
"A passionate Software Engineer from Italy - Currently focused on Rust and Docker content on YouTube",
profileIcon: "https://github.com/FrancescoXX.png",
github: "https://github.com/FrancescoXX",
},
}
];

0 comments on commit eb1aaad

Please sign in to comment.