Skip to content

Commit

Permalink
Merge pull request #28 from dragonfruitnetwork/add-dragon6-info
Browse files Browse the repository at this point in the history
Add dragon6 info
  • Loading branch information
aspriddell authored Oct 11, 2022
2 parents c32b4d3 + 521fbdd commit f1197fc
Show file tree
Hide file tree
Showing 8 changed files with 253 additions and 1 deletion.
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
<div class="discord-embed">
<div class="discord-embed-side" style="background: #90EE90"></div>
<div class="discord-embed-card">
<div class="discord-embed-card-author">
<img src="https://ubisoft-avatars.akamaized.net/14c01250-ef26-4a32-92ba-e04aa557d619/default_256_256.png" alt="steam logo"/>
<div>PaPa.Curry</div>
</div>
<span class="discord-embed-card-title">Dragon6 Admin</span>
<div class="discord-embed-card-fields">
<div class="discord-embed-card-field">
<div>Last Seen</div>
<div>5 minutes ago</div>
</div>
<div class="discord-embed-card-field">
<div>Session Count</div>
<div><strong>1,600</strong> Sessions<br/>Since October 14, 2017</div>
</div>
</div>
</div>
</div>
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
<div class="discord-embed">
<div class="discord-embed-side" style="background: #1374a7"></div>
<div class="discord-embed-card">
<div class="discord-embed-card-author">
<img src="https://upload.wikimedia.org/wikipedia/commons/8/83/Steam_icon_logo.svg" alt="steam logo"/>
<div>Steam</div>
</div>
<span class="discord-embed-card-title">Player Count</span>
<span>There are <strong>50,000</strong> people currently in-game!</span>
<span class="discord-embed-card-footer">Data represents players currently playing Rainbow Six | Siege on Steam.</span>
</div>
</div>
22 changes: 22 additions & 0 deletions DragonFruit.Sakura/Dragon6/Components/Dragon6GridProduct.razor
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<MudItem xs="12" md="@(FullWidth ? 12 : 6)">
<MudPaper Elevation="0" Class="p-4 h-100">
<MudStack Spacing="3"
Justify="@(Centered ? Justify.Center : Justify.FlexStart)"
AlignItems="@(Centered ? AlignItems.Center : AlignItems.Start)">
@ChildContent
</MudStack>
</MudPaper>
</MudItem>

@code {

[Parameter]
public bool FullWidth { get; set; }

[Parameter]
public bool Centered { get; set; } = true;

[Parameter]
public RenderFragment ChildContent { get; set; }

}
105 changes: 104 additions & 1 deletion DragonFruit.Sakura/Dragon6/Index.razor
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@page "/dragon6"
@using DragonFruit.Sakura.Dragon6.Components

<PageTitle>Dragon6 &middot; DragonFruit Network</PageTitle>
<HeadContent>
Expand All @@ -19,6 +20,8 @@
height: max(250px, 35vh);
}
</style>

<link rel="stylesheet" href="/styles/discord-css.css"/>
</HeadContent>

<SakuraHero>
Expand All @@ -30,4 +33,104 @@
<MudButton Variant="Variant.Text" Href="https://apps.microsoft.com/store/detail/dragon6/9N88CQPKGS15" Target="_blank">Desktop</MudButton>
<MudButton Variant="Variant.Text" Href="https://github.com/dragonfruitnetwork/dragon6-api" Target="_blank">Developers</MudButton>
</PageHeader>
</SakuraHero>
</SakuraHero>

<MudContainer MaxWidth="MaxWidth.Large" Class="pt-5">
<MudStack Spacing="1" AlignItems="AlignItems.Center" Justify="Justify.Center">
<MudText Align="Align.Center" Typo="Typo.h4">Rainbow Six Stats. Redefined.</MudText>
<MudText Align="Align.Center">A thoughtful, clean experience for viewing Rainbow Six | Siege stats</MudText>
</MudStack>

<MudGrid Justify="Justify.FlexStart" Class="my-4">
@* dragon6 web *@
<Dragon6GridProduct>
<MudStack Spacing="1" AlignItems="AlignItems.Center" Justify="Justify.Center">
<SakuraSubheading Colour="#bd1818" Text="Dragon6 Web" Icon="fa-brands fa-chrome"/>
<MudText Align="Align.Center" Typo="Typo.h5">Stats on any device</MudText>
<MudText Align="Align.Center">Look up an account or customise your own using the website on any device, complete with recent and all-time stats, previous ranks and newly added Deatchmatch stats</MudText>
</MudStack>
<MudButton Target="_blank"
Color="Color.Info"
Href="https://dragon6.dragonfruit.network/"
EndIcon="@Icons.Rounded.KeyboardArrowRight">
Visit Website
</MudButton>
<MudImage Fluid="true" Src="/assets/dragon6-web.png" Alt="Dragon6 website homepage"/>
</Dragon6GridProduct>

@* dragon6 desktop *@
<Dragon6GridProduct>
<MudStack Spacing="1" AlignItems="AlignItems.Center" Justify="Justify.Center">
<SakuraSubheading Colour="#fff" Text="Dragon6 Desktop" Icon="fa-brands fa-windows"/>
<MudText Align="Align.Center" Typo="Typo.h5">More stats, less time</MudText>
<MudText Align="Align.Center">The desktop app takes the power of the site one step further by bringing in faster load times, more stats, news and saved/recent account lists</MudText>
</MudStack>
<MudButton Target="_blank"
Color="Color.Success"
EndIcon="@Icons.Rounded.KeyboardArrowRight"
Href="https://www.microsoft.com/en-us/p/dragon6/9n88cqpkgs15">
View on Microsoft Store
</MudButton>
<MudImage Fluid="true" Src="/assets/dragon6-desktop.png" Alt="Dragon6 desktop stats page"/>
</Dragon6GridProduct>

@* dragon6 android *@
<Dragon6GridProduct>
<MudStack Spacing="1" AlignItems="AlignItems.Center" Justify="Justify.Center">
<SakuraSubheading Colour="#28a745" Text="Dragon6 Mobile" Icon="fa-brands fa-android"/>
<MudText Align="Align.Center" Typo="Typo.h5">Access stats on the move</MudText>
<MudText Align="Align.Center">Find users while on the move with minimal effort. Stay up-to-date with the latest news a single swipe away and save your most viewed profiles to the home screen.</MudText>
</MudStack>
<MudButton Target="_blank"
Color="Color.Success"
EndIcon="@Icons.Rounded.KeyboardArrowRight"
Href="https://www.microsoft.com/en-us/p/dragon6/9n88cqpkgs15">
View on Google Play
</MudButton>
<MudImage Style="max-height: max(50vh, 350px); width: auto" Fluid="true" Src="/assets/dragon6-android.png" Alt="Dragon6 android homepage"/>
</Dragon6GridProduct>

@* dragon6 discord *@
<Dragon6GridProduct>
<MudStack Spacing="1" AlignItems="AlignItems.Center" Justify="Justify.Center">
<SakuraSubheading Colour="#5865f2" Text="Dragon6 Discord" Icon="fa-brands fa-discord"/>
<MudText Align="Align.Center" Typo="Typo.h5">Discord integration is here</MudText>
<MudText Align="Align.Center">Get stats displayed in your Discord server for any user. Now with slash commands, a choice of seasonal stats and last activity dates for any user.</MudText>
</MudStack>
<MudButton Target="_blank"
Color="Color.Primary"
EndIcon="@Icons.Rounded.KeyboardArrowRight"
Href="https://dragon6.dragonfruit.network/discord">
Learn More
</MudButton>

<MudStack AlignItems="AlignItems.Stretch" Spacing="2">
<DiscordEmbedSteamPlayers/>
<DiscordEmbedPlayerStats/>
</MudStack>
</Dragon6GridProduct>

<Dragon6GridProduct FullWidth="true" Centered="false">
<MudStack Spacing="1">
<SakuraSubheading Colour="#f44336" Text="Dragon6 Developers" Icon="fa-brands fa-github"/>
<MudText Typo="Typo.h5">Add stats to your own program</MudText>
<MudText>The Dragon6 API is publicly available, under an OSI-approved license complete with documentation and actively maintained.</MudText>
</MudStack>
<MudStack Row="true">
<MudButton Color="Color.Info"
EndIcon="@Icons.Rounded.KeyboardArrowRight"
Href="/wiki/dragon6/developers">
View Wiki
</MudButton>
<MudButton Target="_blank"
Color="Color.Error"
EndIcon="@Icons.Rounded.KeyboardArrowRight"
Href="https://github.com/dragonfruitnetwork/dragon6-api">
View on GitHub
</MudButton>
</MudStack>
</Dragon6GridProduct>
</MudGrid>
</MudContainer>

<SakuraFooter/>
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added DragonFruit.Sakura/wwwroot/assets/dragon6-web.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
95 changes: 95 additions & 0 deletions DragonFruit.Sakura/wwwroot/styles/discord-css.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,95 @@
/* discord css based on styles from https://cog-creators.github.io/discord-embed-sandbox/ */

.discord-embed {
display: flex;
max-width: 520px;
}

.discord-embed-side {
width: 4px;
border-radius: 3px 0 0 3px;
background: #4f545c;
}

.discord-embed-card {
border-radius: 0 3px 3px 0;
background: rgba(46, 48, 54, 0.3);
border-color: rgba(46, 48, 54, 0.6);
padding: 8px 10px;
color: rgba(255, 255, 255, 0.6);
font-size: 14px;
display: flex;
width: 100%;
flex-direction: column;
}

.discord-embed-card-body {
padding: 0;
display: flex;
margin-bottom: 10px;
}

.discord-embed-card-author {
display: flex;
align-items: center;
margin: 5px 0;
}

.discord-embed-card-author img {
margin-right: 9px;
width: 20px;
height: 20px;
object-fit: contain;
border-radius: 50%;
}

.discord-embed-card-author *:not(img) {
display: inline-block;
font-weight: 500;
font-size: 14px;
color: #fff !important;
}

.discord-embed-card-title {
color: #fff;
font-size: 1rem;
font-weight: 600;

margin-bottom: 4px;
}

.discord-embed-card-fields {
gap: 20px;
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin-top: -10px;
}

.discord-embed-card-field {
/*flex: 0;*/
padding-top: 10px;
max-width: 506px;
}

.discord-embed-card-field > *:first-child {
color: #fff;
font-size: 14px;
margin-bottom: 4px;
font-weight: 600;
}

.discord-embed-card-field > *:not(:first-child) {
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
font-weight: 500;
line-height: 1.1em;
white-space: pre-wrap;
margin-top: 6px;
word-wrap: break-word;
}

.discord-embed-card-footer {
margin-top: 8px;
font-size: 12px;
}

0 comments on commit f1197fc

Please sign in to comment.