mirror of
https://github.com/audacity/audacity.github.io.git
synced 2026-06-13 03:38:11 -05:00
Fix up font sizes
This commit is contained in:
@@ -5,13 +5,13 @@ import DownloadMuseHubButton from "../button/DownloadMuseHubButton";
|
||||
---
|
||||
|
||||
<section>
|
||||
<div class="mt-12 mx-auto max-w-md sm:max-w-xl px-3 lg:px-0">
|
||||
<div class="mt-12 mx-auto max-w-screen-md px-3 lg:px-0">
|
||||
<div
|
||||
class="pt-12 pb-16 lg:pt-12 lg:pb-16 flex flex-col space-y-8 lg:space-y-8"
|
||||
>
|
||||
<div class="flex flex-col items-center text-center space-y-4">
|
||||
<img class="w-24" src={Audacity_Logo} />
|
||||
<h1 class="text-4xl leading-snug font-bold text-gray-800">
|
||||
<h1 class="text-5xl leading-snug font-bold text-gray-800">
|
||||
Audacity, the world's most popular audio editing and recording app
|
||||
</h1>
|
||||
</div>
|
||||
|
||||
@@ -7,9 +7,9 @@ import RecordCursor from '../../assets/img/RecordCursor.png'
|
||||
---
|
||||
|
||||
<section class="bg-slate-50">
|
||||
<div class="grid grid-cols-12 gap-8 max-w-7xl mx-auto py-20">
|
||||
<div class="flex flex-col justify-center gap-4 col-start-1 col-span-6">
|
||||
<h2 class="text-6xl font-bold">Record anything</h2><p class="text-2xl">
|
||||
<div class="grid grid-cols-12 gap-8 max-w-screen-xl mx-auto py-20">
|
||||
<div class="flex flex-col justify-center gap-4 col-start-1 col-span-5">
|
||||
<h2 class="text-5xl font-bold">Record anything</h2><p class="text-xl">
|
||||
Excellent for podcasts, voice-over work or even just recording memos.
|
||||
All you need is a microphone.
|
||||
</p>
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<section class="bg-gray-900">
|
||||
<div class="grid grid-cols-12 gap-8 max-w-7xl mx-auto py-12">
|
||||
<div class="flex flex-col gap-8 justify-center col-start-2 col-end-6">
|
||||
<h2 class="text-3xl items-end text-white leading-snug font-semibold">
|
||||
<h2 class="text-3xl items-end text-white font-semibold">
|
||||
Produce music. Produce podcasts. Take total control of your sound
|
||||
</h2>
|
||||
<a
|
||||
|
||||
@@ -4,10 +4,10 @@ import AudioCard from '../../assets/img/AudioCard.png'
|
||||
<section
|
||||
class="bg-[url('src/assets/img/ShareYourSounds.jpg')] bg-cover bg-center"
|
||||
>
|
||||
<div class="grid grid-cols-12 max-w-7xl mx-auto py-32 gap-8">
|
||||
<div class="grid grid-cols-12 max-w-screen-xl mx-auto py-32 gap-8">
|
||||
<div class="col-start-1 col-span-6"><img src={AudioCard}/></div>
|
||||
<div class="flex flex-col gap-4 col-start-7 col-span-6 justify-center">
|
||||
<h2 class="text-6xl font-bold text-white">Share your sounds</h2>
|
||||
<div class="flex flex-col gap-4 col-start-8 col-span-6 justify-center">
|
||||
<h2 class="text-5xl font-bold text-white">Share your sounds</h2>
|
||||
<p class="text-2xl text-white">Upload your sounds online to Audio.com, instantly.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -39,7 +39,7 @@ function NavigationReact() {
|
||||
|
||||
return (
|
||||
<nav className="fixed left-0 right-0 top-0 border-b-2 z-50 filter bg-white bg-opacity-90 backdrop-blur-xl ">
|
||||
<div className="flex max-w-screen-2xl mx-auto h-14 px-3 xl:px-0 items-center">
|
||||
<div className="flex max-w-screen-xl mx-auto h-14 px-3 xl:px-0 items-center">
|
||||
<a class="flex-1" href="/">
|
||||
<span className="text-blue-700 text-lg font-semibold">Audacity</span>
|
||||
</a>
|
||||
|
||||
Reference in New Issue
Block a user