mirror of
https://github.com/nestriness/nestri.git
synced 2025-12-12 16:55:37 +02:00
191c59d230
## Description Update the readme file ## Related Issues none ## Type of Change - [ ] Bug fix (non-breaking change) - [ ] New feature (non-breaking change) - [ ] Breaking change (fix or feature that changes existing functionality) - [x] Documentation update - [ ] Other (please describe): ## Checklist - [x] I have updated relevant documentation - [x] My code follows the project's coding style - [x] My changes generate no new warnings/errors ## Notes for Reviewers none ## Screenshots/Demo none ## Additional Context none <!-- This is an auto-generated comment: release notes by coderabbit.ai --> ## Summary by CodeRabbit - **Documentation** - Major overhaul of documentation structure and content for improved clarity, modern presentation, and ease of navigation. - Updated and expanded guides for installation, setup, architecture, and command-line interfaces. - Enhanced FAQ and troubleshooting sections with more comprehensive answers and technical details. - Added new guides for self-hosting with reverse proxy examples (Caddy, Traefik) and developer notes. - Improved theming, styling, and home page layout for the documentation site. - Simplified main README to a minimalistic project header and tagline. - Added new documentation files for Nestri Relay introduction and container CLI parameters. - Removed outdated or redundant documentation files and components to streamline content. - **Chores** - Updated, reorganized, or removed configuration files for dependencies, linting, and environment setup. - Switched to a new documentation theme and updated related project dependencies. - Removed Renovate configuration and ESLint config specific to docs app. - Adjusted TypeScript and package configurations for better compatibility. - **Style** - Improved dark mode support and visual consistency across documentation and components. - Introduced new Tailwind CSS theming and animation support for the documentation site. - **New Features** - Added example configuration files for deploying Nestri Relay with Caddy and Traefik reverse proxies. - Introduced new Tailwind CSS theming and animation support for the documentation site. - Added a new logo component supporting light/dark mode and optional title display. <!-- end of auto-generated comment: release notes by coderabbit.ai --> --------- Co-authored-by: Victor Pahuus Petersen <49293748+victorpahuus@users.noreply.github.com> Co-authored-by: Wanjohi <elviswanjohi47@gmail.com> Co-authored-by: DatCaptainHorse <DatCaptainHorse@users.noreply.github.com>
70 lines
2.1 KiB
Vue
70 lines
2.1 KiB
Vue
<template>
|
|
|
|
|
|
|
|
<div class="py-8">
|
|
<h2 class="text-3xl lg:text-4xl font-bold mb-12 text-gray-900 dark:text-white">
|
|
Contributors made <span class="text-orange-500">Nestri</span>
|
|
</h2>
|
|
<div class="grid grid-cols-4 sm:grid-cols-5 md:grid-cols-8 gap-4 sm:gap-5 lg:gap-6">
|
|
<div
|
|
v-for="(contributor, index) in contributors"
|
|
:key="index"
|
|
class="pt-[100%] relative"
|
|
>
|
|
<NuxtLink
|
|
v-if="contributor.login"
|
|
:key="contributor.login"
|
|
:to="`https://github.com/${contributor.login}`"
|
|
class="absolute inset-0 flex transition-all"
|
|
:style="{
|
|
'transition-delay': `${(index % 8 + Math.floor(index / 8)) * 20}ms`
|
|
}"
|
|
>
|
|
<UTooltip class="w-full text-orange-500" :text="contributor.login">
|
|
<img
|
|
:src="contributor.avatar_url"
|
|
provider="ipx"
|
|
densities="x1 x2"
|
|
height="80px"
|
|
width="80px"
|
|
:alt="contributor.login"
|
|
loading="lazy"
|
|
class="rounded-xl w-full h-full transition lg:hover:scale-110"
|
|
/>
|
|
</UTooltip>
|
|
<span class="inline-block rounded-t px-1 bg-gray-950 dark:bg-white text-white dark:text-gray-950 absolute -bottom-2 right-0 font-medium text-sm">
|
|
<span class="font-light text-xs text-gray-400">#</span>{{ index + 1 }}
|
|
</span>
|
|
|
|
</NuxtLink>
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref, onMounted } from 'vue'
|
|
|
|
const contributors = ref([])
|
|
|
|
// Fetch contributors data from GitHub without authentication
|
|
const fetchContributors = async () => {
|
|
try {
|
|
const response = await fetch('https://api.github.com/repos/nestriness/nestri/contributors')
|
|
if (!response.ok) throw new Error('Failed to fetch contributors')
|
|
contributors.value = await response.json()
|
|
} catch (error) {
|
|
console.error('Error fetching contributors:', error)
|
|
}
|
|
}
|
|
|
|
// Fetch contributors when component is mounted
|
|
onMounted(fetchContributors)
|
|
</script>
|
|
<style>
|
|
:hover.
|
|
</style> |