Needlework.Net/Needlework.Net/Views/Pages/Home/HomeView.axaml

<UserControl xmlns="https://github.com/avaloniaui"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
		xmlns:vm="using:Needlework.Net.ViewModels.Pages.Home"
		xmlns:controls="using:Needlework.Net.Controls"
        mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
		Name="HomeControl"
        x:Class="Needlework.Net.Views.Pages.Home.HomeView"
		x:DataType="vm:HomeViewModel">
	<UserControl.Styles>
		<Style Selector="DataGrid">
			<Setter Property="HorizontalGridLinesBrush" Value="{DynamicResource ControlElevationBorderBrush}"/>
		</Style>
		<Style Selector="DataGridColumnHeader TextBlock">
			<Setter Property="Foreground" Value="{DynamicResource TextFillColorPrimaryBrush}"/>
		</Style>
		<Style Selector="DataGridRow DataGridCell">
			<Setter Property="FontSize" Value="12"></Setter>
		</Style>
		<Style Selector="DataGridRow">
			<Setter Property="Margin" Value="0 0 0 4"></Setter>
		</Style>
	</UserControl.Styles>
	<!-- TOP LEVEL -->
	<Grid ColumnDefinitions="*,400"
		  RowDefinitions="*">
		<!-- MAIN AREA -->
		<ScrollViewer Grid.Column="0"
					  Grid.Row="0">
			<WrapPanel Margin="8"
					   Orientation="Horizontal">
				<!-- WELCOME -->
				<StackPanel>
					<Border Margin="12">
						<StackPanel>
							<TextBlock Theme="{StaticResource TitleTextBlockStyle}">
								Welcome to Needlework.Net
							</TextBlock>
							<TextBlock>Get started with LCU or Game Client development by clicking on the endpoints tab in the left panel.</TextBlock>
						</StackPanel>
					</Border>
					<!-- HEXTECHDOCS POSTS -->
					<Carousel ItemsSource="{Binding HextechDocsPosts}"
							  SelectedIndex="{Binding SelectedHextechDocsPostsIndex}"
							  Margin="12"
							  IsVisible="{Binding HextechDocsPosts, Converter={StaticResource EnumerableToVisibilityConverter}}">
						<Carousel.PageTransition>
							<PageSlide Orientation="Horizontal" Duration="0.25"/>
						</Carousel.PageTransition>
						<Carousel.ItemTemplate>
							<DataTemplate>
								<ContentControl Content="{Binding}"/>
							</DataTemplate>
						</Carousel.ItemTemplate>
					</Carousel>
					<controls:Card Margin="12">
						<TextBlock TextWrapping="Wrap">THE PROGRAM IS PROVIDED “AS IS” WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION THE IMPLIED WARRANTIES OF MERCHANTABILITY, NONINFRINGMENT, OR OF FITNESS FOR A PARTICULAR PURPOSE. LICENSOR DOES NOT WARRANT THAT THE FUNCTIONS CONTAINED IN THE PROGRAM WILL MEET YOUR REQUIREMENTS OR THAT OPERATION WILL BE UNINTERRUPTED OR ERROR FREE. LICENSOR MAKES NO WARRANTIES RESPECTING ANY HARM THAT MAY BE CAUSED BY MALICIOUS USE OF THIS SOFTWARE. LICENSOR FURTHER EXPRESSLY DISCLAIMS ANY WARRANTY OR REPRESENTATION TO AUTHORIZED USERS OR TO ANY THIRD PARTY.</TextBlock>
					</controls:Card>
				</StackPanel>
				<!-- FOOTER -->
				<StackPanel>
					<controls:Card Margin="12" Width="300">
						<StackPanel>
							<TextBlock
									   Theme="{StaticResource SubtitleTextBlockStyle}"
									   Margin="0 0 0 8">Resources</TextBlock>
							<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
								<HyperlinkButton NavigateUri="https://hextechdocs.dev/tag/lcu/" Margin="4">
									Hextech Docs
								</HyperlinkButton>
								<HyperlinkButton NavigateUri="https://hextechdocs.dev/getting-started-with-the-lcu-api/" Margin="4">
									Getting Started
								</HyperlinkButton>
							</StackPanel>
							<StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
								<HyperlinkButton NavigateUri="https://discord.com/channels/187652476080488449/516802588805431296" Margin="4">
									#lcu-api
								</HyperlinkButton>
								<HyperlinkButton NavigateUri="https://discord.com/channels/187652476080488449/543112946402721832" Margin="4">
									#ingame-api
								</HyperlinkButton>
							</StackPanel>
						</StackPanel>
					</controls:Card>
					<controls:Card Margin="12" Width="300">
						<StackPanel>
							<TextBlock>© 2025 - Blossomi Shymae</TextBlock>
							<TextBlock>MIT License</TextBlock>
						</StackPanel>
					</controls:Card>
				</StackPanel>
				<!-- LEGAL -->
				<controls:Card Margin="12" Width="300">
					<TextBlock TextWrapping="Wrap">Needlework.Net isn't endorsed by Riot Games and doesn't reflect the views or opinions of Riot Games or anyone officially involved in producing or managing Riot Games properties. Riot Games, and all associated properties are trademarks or registered trademarks of Riot Games, Inc.</TextBlock>
				</controls:Card>
			</WrapPanel>
		</ScrollViewer>
		<!-- LIBRARIES -->
		<Grid	Margin="20"
				Grid.Column="1"
				Grid.Row="0"
				ColumnDefinitions="*"
				RowDefinitions="auto,*">
			<TextBlock Theme="{StaticResource SubtitleTextBlockStyle}"
					   Grid.Column="0"
					   Grid.Row="0">Libraries</TextBlock>
			<ScrollViewer Grid.Column="0"
						  Grid.Row="1"
						  HorizontalScrollBarVisibility="Disabled"
						  Offset="{Binding LibrariesOffset, Mode=TwoWay}">
				<ItemsRepeater ItemsSource="{Binding Libraries}">
					<ItemsRepeater.ItemTemplate>
						<DataTemplate x:DataType="vm:LibraryViewModel">
							<ContentControl Content="{Binding}"
											Margin="0 12 16 0"/>
						</DataTemplate>
					</ItemsRepeater.ItemTemplate>
				</ItemsRepeater>
			</ScrollViewer>
		</Grid>
	</Grid>
</UserControl>