-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
a87172c
commit eb22778
Showing
13 changed files
with
301 additions
and
98 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
40 changes: 26 additions & 14 deletions
40
Src/NationsConverterWeb/NationsConverterWeb/Components/ImgComparison.razor
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,27 +1,39 @@ | ||
<div class="image-comparison"> | ||
<div class="images-container"> | ||
<img class="before-image" src="img/comparisons/before.png" alt="" /> | ||
<img class="after-image" src="img/comparisons/after.png" alt="" /> | ||
@rendermode InteractiveServer | ||
|
||
<div class="image-comparison"> | ||
<div class="images-container"> | ||
<img class="before-image" src="@BeforeImage" alt="" style="@(sliderValue is not null ? $"width: {sliderValue}%" : "")" /> | ||
<img class="after-image" src="@AfterImage" alt="" /> | ||
|
||
<div class="slider-line"></div> | ||
<div class="slider-icon"> | ||
<div class="slider-line" style="@(sliderValue is not null ? $"left: {sliderValue}%" : "")"></div> | ||
<div class="slider-icon" style="@(sliderValue is not null ? $"left: {sliderValue}%" : "")"> | ||
<svg xmlns="http://www.w3.org/2000/svg" | ||
fill="none" | ||
viewBox="0 0 24 24" | ||
stroke-width="1" | ||
stroke="currentColor" | ||
class="w-6 h-6"> | ||
fill="none" | ||
viewBox="0 0 24 24" | ||
stroke-width="1" | ||
stroke="currentColor" | ||
class="w-6 h-6"> | ||
<path stroke-linecap="round" | ||
stroke-linejoin="round" | ||
d="M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" /> | ||
stroke-linejoin="round" | ||
d="M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" /> | ||
</svg> | ||
</div> | ||
|
||
<input type="range" class="slider" min="0" max="100" step="0.01" /> | ||
<input type="range" class="slider" min="0" max="100" step="0.01" @oninput="@((args) => OnInput(args.Value.ToString()))" /> | ||
</div> | ||
</div> | ||
|
||
@code { | ||
[Parameter] | ||
public string? BeforeImage { get; set; } | ||
|
||
[Parameter] | ||
public string? AfterImage { get; set; } | ||
|
||
private string? sliderValue; | ||
|
||
public void OnInput(string value) | ||
{ | ||
sliderValue = value; | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
14 changes: 14 additions & 0 deletions
14
Src/NationsConverterWeb/NationsConverterWeb/Components/Pages/About.razor
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
@page "/about" | ||
@attribute [AllowAnonymous] | ||
|
||
<PageTitle>About - Nations Converter 2</PageTitle> | ||
|
||
<NavMenu Released="true" /> | ||
<div class="downloads"> | ||
<div class="readable-width white-mention"> | ||
<div class="readable-width-container"> | ||
<h2>About this project</h2> | ||
<p>One day, we will write something here...</p> | ||
</div> | ||
</div> | ||
</div> |
84 changes: 84 additions & 0 deletions
84
Src/NationsConverterWeb/NationsConverterWeb/Components/Pages/About.razor.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,84 @@ | ||
.download-latest { | ||
padding: 20px; | ||
font-size: 120%; | ||
} | ||
|
||
.download-latest div { | ||
max-width: 1200px; | ||
margin: 0 auto; | ||
} | ||
|
||
.latest-version { | ||
text-align: center; | ||
font-size: 150%; | ||
} | ||
|
||
.download-grid { | ||
display: grid; | ||
grid-template-columns: 1fr 1fr; | ||
gap: 15px; | ||
} | ||
|
||
.download-button-set { | ||
display: flex; | ||
flex-direction: column; | ||
gap: 8px; | ||
} | ||
|
||
.download-button-set a { | ||
padding: 5px 10px; | ||
} | ||
|
||
.download-button-set a:first-child { | ||
font-weight: bold; | ||
} | ||
|
||
.download-button-set div { | ||
font-size: 80%; | ||
} | ||
|
||
.button-download-platform { | ||
display: flex; | ||
align-items: center; | ||
width: 180px; | ||
border-radius: 10px; | ||
} | ||
|
||
.button-download-platform img { | ||
padding-right: 5px; | ||
border-right: 2px solid #FFF5; | ||
} | ||
|
||
.button-download-platform span { | ||
flex: 1; | ||
text-align: center; | ||
} | ||
|
||
.edition-row { | ||
display: flex; | ||
gap: 5px; | ||
flex-grow: 1; | ||
width: 100%; | ||
} | ||
|
||
.button-download-assets { | ||
display: flex; | ||
padding: 5px 10px; | ||
width: 100%; | ||
align-items: center; | ||
justify-content: center; | ||
} | ||
|
||
.button-download-assets span { | ||
flex: 1; | ||
text-align: center; | ||
} | ||
|
||
.download-assets { | ||
display: flex; | ||
flex-direction: column; | ||
gap: 5px; | ||
width: 400px; | ||
font-size: 90%; | ||
font-weight: bold; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.