suphicakir/radio.org.tr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Customize AstroWind theme for Amatör Radyocular Derneği (ARC)

Browse Source 
- Configure site for ARC with YM1KTC call sign and Turkish localization
- Add ARC logo and branding elements throughout the site
- Update all content to Turkish and remove placeholder text
- Customize homepage with ARC services and information
- Add all blog posts with featured images from WordPress export
- Configure navigation and footer with ARC-specific links
- Add social media links and contact information
- Remove membership/disaster references per requirements
- Include complete image assets and blog content

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Buğra
2025-07-10 00:25:26 +03:00
parent bb8eda4ece
commit 463f5e7148
2612 changed files with 22250 additions and 537 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/index.astro
+87 -258
View File
@@ -13,7 +13,7 @@ import Stats from '~/components/widgets/Stats.astro';
import CallToAction from '~/components/widgets/CallToAction.astro';
const metadata = {
title: 'AstroWind — Free template for creating websites with Astro + Tailwind CSS',
title: 'Amatör Radyocular Derneği (ARC) - YM1KTC',
ignoreTitleTemplate: true,
};
---
@@ -25,78 +25,81 @@ const metadata = {
actions={[
{
variant: 'primary',
text: 'Get template',
href: 'https://github.com/onwidget/astrowind',
target: '_blank',
icon: 'tabler:download',
text: 'İletişim',
href: '/contact',
icon: 'tabler:mail',
},
{ text: 'Learn more', href: '#features' },
{ text: 'Hakkımızda', href: '/about' },
]}
image={{ src: '~/assets/images/hero-image.png', alt: 'AstroWind Hero Image' }}
image={{
src: '~/assets/images/2024/12/ARC_2024_bayrak_logo-Large-1-1024x1024.png',
alt: 'ARC Logo',
width: 256,
height: 256,
}}
>
<Fragment slot="title">
Free template for <span class="hidden xl:inline">creating websites with</span>
<span class="text-accent dark:text-white"> Astro 5.0</span> + Tailwind CSS
<span class="text-accent dark:text-white">Amatör Radyocular Derneği</span>
<span class="hidden xl:inline"> (ARC)</span>
</Fragment>
<Fragment slot="subtitle">
<span class="hidden sm:inline">
<span class="font-semibold">AstroWind</span> is a free, customizable and production-ready template for Astro 5.0
+ Tailwind CSS.</span
<span class="font-semibold">YM1KTC</span> çağrı işaretiyle faaliyet gösteren derneğimiz, amatör telsizciliği yaygınlaştırmak,
eğitim vermek ve teknik projelerde bulunmak amacıyla kurulmuştur.</span
>
<span class="block mb-1 sm:hidden font-bold text-blue-600">AstroWind: Production-ready.</span>
Suitable for Startups, Small Business, SaaS websites, Professional Portfolios, Marketing websites, Landing Pages &
Blogs.
<span class="block mb-1 sm:hidden font-bold text-blue-600">ARC: Amatör Radyocular Derneği.</span>
Kâr amacı gütmeyen derneğimiz, röle-beacon altyapıları işletmek ve teknik projeler yürütmek konularında çalışmaktadır.
</Fragment>
</Hero>
<!-- Note Widget ******************* -->
<Note title="Philosophy:" description="Simplicity, Best Practices and High Performance" />
<Note
title="Misyonumuz:"
description="Amatör telsizciliği yaygınlaştırmak, eğitim vermek ve teknik projeler geliştirmek"
/>
<!-- Features Widget *************** -->
<Features
id="features"
tagline="Features"
title="What you get with AstroWind"
subtitle="One of the most professional and comprehensive templates currently on the market. Most starred & forked Astro theme in 2022, 2023 and 2024."
tagline="Hizmetlerimiz"
title="ARC ile Neler Yapabilirsiniz"
subtitle="Amatör radyocular derneği olarak sunduğumuz hizmetler ve faaliyet alanlarımız hakkında bilgi edinebilirsiniz."
items={[
{
title: 'Astro + Tailwind CSS Integration',
title: 'Amatör Telsiz Eğitimi',
description:
'A seamless integration between two great frameworks that offer high productivity, performance and versatility.',
icon: 'tabler:brand-tailwind',
'Amatör telsizciliğe yeni başlayanlar için temel eğitim programları ve ileri seviye teknik kurslar düzenliyoruz.',
icon: 'tabler:school',
},
{
title: 'Ready-to-use Components',
title: 'Lisans Sınavı Hazırlığı',
description:
'Widgets made with Tailwind CSS ready to be used in Marketing Websites, SaaS, Blogs, Personal Profiles, Small Business...',
icon: 'tabler:components',
'Amatör telsiz lisans sınavlarına hazırlık kursları ve deneme sınavları ile üyelerimizi destekliyoruz.',
icon: 'tabler:certificate',
},
{
title: 'Best Practices',
title: 'Röle ve Beacon İşletmeciliği',
description:
'Creating secure, efficient, and user-friendly websites that deliver exceptional experiences and lasting value.',
icon: 'tabler:list-check',
'VHF/UHF röle sistemi ve beacon altyapıları kurarak amatör radyocuların haberleşmesini kolaylaştırıyoruz.',
icon: 'tabler:antenna',
},
{
title: 'Excellent Page Speed',
description:
'Having a good page speed impacts organic search ranking, improves user experience (UI/UX) and increase conversion rates.',
icon: 'tabler:rocket',
title: 'Acil Haberleşme',
description: 'Acil durumlarda güvenilir haberleşme sistemleri geliştiriyoruz.',
icon: 'tabler:phone-call',
},
{
title: 'Search Engine Optimization (SEO)',
description:
"SEO lies in its ability to enhance a website's visibility, driving organic traffic and enabling it to reach a wider audience.",
icon: 'tabler:arrows-right-left',
title: 'Teknik Projeler',
description: 'Amatör radyo teknolojileri üzerine araştırma ve geliştirme projeleri yürütüyoruz.',
icon: 'tabler:settings',
},
{
title: 'Open to new ideas and contributions',
description:
'Embracing a culture that is open to new ideas and contributions is integral fostering innovation, collaboration, and a dynamic user experience.',
icon: 'tabler:bulb',
title: 'Etkinlik ve Yarışmalar',
description: 'Amatör radyocular arası bağları güçlendirmek için yarışmalar ve sosyal etkinlikler düzenliyoruz.',
icon: 'tabler:trophy',
},
]}
/>
@@ -105,33 +108,35 @@ const metadata = {
<Content
isReversed
tagline="Inside template"
title="AstroWind's Blueprint: Fun Meets Functionality!"
tagline="Hakkımızda"
title="ARC'nin Temelleri: Gelişim ve İşbirliği!"
items={[
{
title: 'Built on top of Astro 5.0',
title: '31 Mayıs 2024 tarihinde kuruldu',
description:
'Benefiting from the performance and developer-friendly features of this modern static site generator.',
'İstanbul merkezli derneğimiz, amatör telsizciliği yaygınlaştırmak amacıyla modern bir yaklaşımla kurulmuştur.',
},
{
title: 'Styled using Tailwind CSS',
description:
'Facilitating rapid design and consistent styling with this highly popular utility-first CSS framework.',
title: 'YM1KTC çağrı işareti',
description: 'Derneğimizin resmi çağrı işareti ile tüm amatör radyo faaliyetlerimizi sürdürmekteyiz.',
},
{
title: 'Cross-browser compatibility',
description:
'Ensure your website looks and functions consistently across various web browsers, delivering a seamless experience to all users.',
title: 'Geniş üyelik ağı',
description: 'Türkiye genelinde amatör radyocularımızı bir araya getirerek güçlü bir topluluk oluşturmaktayız.',
},
]}
image={{
src: 'https://images.unsplash.com/photo-1519389950473-47ba0277781c?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80',
alt: 'Colorful Image',
src: '~/assets/images/2024/12/ARC_2024_bayrak_logo-Large-1-1024x1024.png',
alt: 'ARC Logo',
width: 1024,
height: 1024,
}}
>
<Fragment slot="content">
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">Building on modern foundations</h3>
Gain a competitive advantage by incorporating industry leading practices
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">
Modern temeller üzerine kurulan derneğimiz
</h3>
Amatör radyo dünyasında öncü bir yaklaşım benimsiyor, teknoloji ve geleneksel değerleri harmanlıyoruz.
</Fragment>
<Fragment slot="bg">
@@ -139,226 +144,49 @@ const metadata = {
</Fragment>
</Content>
<!-- Content Widget **************** -->
<Content
isAfterContent
items={[
{
title: 'High level of customization',
description: `Tailor the template effortlessly to match your brand's identity and requirements, making your website distinct and saving you time.`,
},
{
title: 'Multiple layout possibilities',
description:
'Explore various layout options to find the structure that best presents your content, enhancing user engagement and navigation.',
},
{
title: 'Fully responsive design',
description:
"Ensure your website's optimal performance on various devices and screen sizes, providing a consistent and enjoyable user experience.",
},
{
title: 'Integration of media',
description:
'Seamlessly incorporate images, videos, and multimedia elements that enhance your content and engage visitors effectively.',
},
]}
image={{
src: 'https://images.unsplash.com/photo-1600132806370-bf17e65e942f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2194&q=80',
alt: 'Blueprint Image',
}}
>
<Fragment slot="content">Ensure your online presence truly represents you.</Fragment>
<Fragment slot="bg">
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
</Fragment>
</Content>
<!-- Content Widget **************** -->
<Content
isReversed
isAfterContent
items={[
{
title: 'Enhanced user engagement',
description:
'Captivate your audience with interactive elements, intuitive navigation, and visually appealing layouts, encouraging longer visits.',
},
{
title: 'Continuous improvement',
description:
'Ensure your website stays aligned with the latest trends and technologies through regular updates and enhancements.',
},
{
title: 'Time and resource efficiency',
description:
'Skip the time-consuming process of building a website from scratch and launch your online presence sooner with AstroWind.',
},
{
title: 'Community support',
description: `Join the growing AstroWind community for insights, resources, and assistance, ensuring you're never alone on your web development journey.`,
},
]}
image={{
src: 'https://images.unsplash.com/photo-1611462985358-60d3498e0364?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80',
alt: 'Astronauts Image',
}}
>
<Fragment slot="content">Designed to foster growth and success.</Fragment>
<Fragment slot="bg">
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
</Fragment>
</Content>
<!-- Steps Widget ****************** -->
<Steps
title="Get your dream website up and running in no time with AstroWind."
items={[
{
title: 'Step 1: <span class="font-medium">Download</span>',
description:
"Kickstart with GitHub! Either fork the AstroWind template or simply click 'Use this template'. Your canvas awaits, ready for your digital masterpiece. In just a few clicks, you've already set the foundation.",
icon: 'tabler:package',
},
{
title: 'Step 2: <span class="font-medium">Add content</span>',
description:
"Pour your vision into it. Add images, text, and all that jazz to breathe life into your digital space. Remember, it's the content that tells your story, so make it captivating.",
icon: 'tabler:letter-case',
},
{
title: 'Step 3: <span class="font-medium">Customize styles</span>',
description:
'Give it your personal touch. Tailor colors, fonts, and layouts until it feels just right. Your unique flair, amplified by AstroWind! Precision in design ensures a seamless user experience.',
icon: 'tabler:paint',
},
{
title: 'Ready!',
icon: 'tabler:check',
},
]}
image={{
src: 'https://images.unsplash.com/photo-1616198814651-e71f960c3180?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=987&q=80',
alt: 'Steps image',
}}
/>
<!-- Features2 Widget ************** -->
<Features2
title="Most used widgets"
subtitle="Provides frequently used components for building websites using Tailwind CSS"
tagline="Components"
items={[
{
title: 'Headers',
description: "Ever tried driving without GPS? Boom! That's why websites need headers for direction.",
icon: 'flat-color-icons:template',
},
{
title: 'Heros',
description:
"Picture a superhero landing – epic, right? That's the job of a Hero section, making grand entrances!",
icon: 'flat-color-icons:gallery',
},
{
title: 'Features',
description:
'Where websites strut their stuff and show off superpowers. No holding back on the bragging rights here!',
icon: 'flat-color-icons:approval',
},
{
title: 'Content',
description:
"Dive into the meat and potatoes of a site; without it, you'd just be window shopping. Content is king.",
icon: 'flat-color-icons:document',
},
{
title: 'Call-to-Action',
description:
'That enthusiastic friend who\'s always urging, "Do it! Do it!"? Yeah, that\'s this button nudging you towards adventure.',
icon: 'flat-color-icons:advertising',
},
{
title: 'Pricing',
description: 'Behold the dessert menu of the website world. Tempting choices await, can you resist?',
icon: 'flat-color-icons:currency-exchange',
},
{
title: 'Testimonial',
description: 'Step into the gossip corner! Here, other visitors spill the beans and share the juicy details.',
icon: 'flat-color-icons:voice-presentation',
},
{
title: 'Contact',
description:
'Like a digital mailbox, but faster! Drop a line, ask a question, or send a virtual high-five. Ding! Message in.',
icon: 'flat-color-icons:business-contact',
},
{
title: 'Footers',
description: "The footer's like the credits of a movie but sprinkled with easter eggs. Time to hunt!",
icon: 'flat-color-icons:database',
},
]}
>
<Fragment slot="bg">
<div class="absolute inset-0 bg-blue-50 dark:bg-transparent"></div>
</Fragment>
</Features2>
<!-- HighlightedPosts Widget ******* -->
<BlogLatestPosts
title="Find out more content in our Blog"
information={`The blog is used to display AstroWind documentation.
Each new article will be an important step that you will need to know to be an expert in creating a website using Astro + Tailwind CSS.
Astro is a very interesting technology. Thanks.
title="Blog'umuzda Daha Fazla İçerik Keşfedin"
information={`Blog'umuzda amatör telsizciliğe dair güncel bilgiler, teknik makaleler ve eğitim içerikleri bulabilirsiniz.
Her yeni makale, amatör radyo konusunda uzmanlaşmanız için önemli bir adım olacaktır.
Amatör radyo dünyasındaki gelişmeleri takip etmek için blog'umuzu ziyaret edin.
`}
/>
<!-- FAQs Widget ******************* -->
<FAQs
title="Frequently Asked Questions"
subtitle="Dive into the following questions to gain insights into the powerful features that AstroWind offers and how it can elevate your web development journey."
tagline="FAQs"
title="Sıkça Sorulan Sorular"
subtitle="ARC hakkında merak ettikleriniz ve amatör telsizciliği konusunda sık sorulan sorular ve cevapları."
tagline="SSS"
classes={{ container: 'max-w-6xl' }}
items={[
{
title: 'Why AstroWind?',
title: 'Eğitim programlarına kimler katılabilir?',
description:
"Michael Knight a young loner on a crusade to champion the cause of the innocent. The helpless. The powerless in a world of criminals who operate above the law. Here he comes Here comes Speed Racer. He's a demon on wheels.",
'Eğitim programlarımıza amatör telsiz lisansı olan veya lisans almaya hazırlanan herkesi davet ediyoruz.',
},
{
title: 'What do I need to start?',
title: 'Hangi frekans bantlarında faaliyet gösteriyorsunuz?',
description:
'Space, the final frontier. These are the voyages of the Starship Enterprise. Its five-year mission: to explore strange new worlds. Many say exploration is part of our destiny, but it’s actually our duty to future generations.',
'Derneğimiz VHF, UHF ve HF bantlarında faaliyet göstermektedir. Özellikle VHF/UHF röle sistemleri konusunda aktif çalışmalar yürütüyoruz.',
},
{
title: 'How to install the Astro + Tailwind CSS template?',
title: 'Eğitim programlarınıza nasıl katılabilirim?',
description:
"Well, the way they make shows is, they make one show. That show's called a pilot. Then they show that show to the people who make shows, and on the strength of that one show they decide if they're going to make more shows.",
'Eğitim programları hakkında bilgi almak için web sitemizi takip edebilir veya bizimle iletişime geçebilirsiniz. Düzenli olarak temel ve ileri seviye kurslar düzenlenmektedir.',
},
{
title: "What's something that you don't understand?",
title: 'Teknik projelerde nasıl yer alabilirim?',
description:
"A flower in my garden, a mystery in my panties. Heart attack never stopped old Big Bear. I didn't even know we were calling him Big Bear.",
'Teknik projelerimizde yer almak için bizimle iletişime geçin. Eğitim programlarımıza katılarak projelerimizde aktif rol alabilirsiniz.',
},
{
title: 'What is something that you would like to try again?',
title: 'Derneğin röle sistemleri nasıl kullanılır?',
description:
"A business big enough that it could be listed on the NASDAQ goes belly up. Disappears! It ceases to exist without me. No, you clearly don't know who you're talking to, so let me clue you in.",
},
{
title: 'If you could only ask one question to each person you meet, what would that question be?',
description:
"This is not about revenge. This is about justice. A lot of things can change in twelve years, Admiral. Well, that's certainly good to know. About four years. I got tired of hearing how young I looked.",
'Röle sistemlerimizin kullanımı hakkında bilgi almak için teknik dokümantasyonumuzu inceleyebilir veya eğitim etkinliklerimize katılabilirsiniz.',
},
]}
/>
@@ -367,10 +195,10 @@ const metadata = {
<Stats
stats={[
{ title: 'Downloads', amount: '132K' },
{ title: 'Stars', amount: '24.8K' },
{ title: 'Forks', amount: '10.3K' },
{ title: 'Users', amount: '48.4K' },
{ title: 'Kuruluş Yılı', amount: '2024' },
{ title: 'Aktif Üye', amount: '100+' },
{ title: 'Eğitim Programı', amount: '25+' },
{ title: 'Teknik Proje', amount: '10+' },
]}
/>
@@ -380,20 +208,21 @@ const metadata = {
actions={[
{
variant: 'primary',
text: 'Get template',
href: 'https://github.com/onwidget/astrowind',
target: '_blank',
icon: 'tabler:download',
text: 'İletişim',
href: '/contact',
icon: 'tabler:mail',
},
]}
>
<Fragment slot="title">
Astro&nbsp;+&nbsp;<br class="block sm:hidden" /><span class="sm:whitespace-nowrap">Tailwind CSS</span>
Amatör Radyocular<br class="block sm:hidden" /><span class="sm:whitespace-nowrap"> Derneği</span>
</Fragment>
<Fragment slot="subtitle">
Be very surprised by these huge fake numbers you are seeing on this page. <br class="hidden md:inline" />Don't
waste more time! :P
Amatör radyo dünyasında yerinizi alın ve bizimle birlikte büyüyen toplulukta yer alın. <br
class="hidden md:inline"
/>
Bizimle iletişime geçin ve amatör radyo yolculuğunuza başlayın!
</Fragment>
</CallToAction>
</Layout>