Skip to content

Commit

Permalink
Merge pull request #34 from opensky-to/website-overhaul
Browse files Browse the repository at this point in the history 
Website overhaul
  • Loading branch information
@sushiat
sushiat committed Dec 10, 2023
2 parents 2c49763 + fffbb8f commit 514a14f
Show file tree
Hide file tree
Showing 18 changed files with 534 additions and 331 deletions.
4 changes: 2 additions & 2 deletions OpenSky.Website.sln
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@

Microsoft Visual Studio Solution File, Format Version 12.00
# Visual Studio Version 16
VisualStudioVersion = 16.0.31205.134
# Visual Studio Version 17
VisualStudioVersion = 17.8.34330.188
MinimumVisualStudioVersion = 10.0.40219.1
Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "OpenSky.Website", "OpenSky.Website\OpenSky.Website.csproj", "{1861BA62-1E04-4BE1-B88B-030247F3AF52}"
EndProject
Expand Down
7 changes: 7 additions & 0 deletions OpenSky.Website.sln.DotSettings
View file
Original file line number Diff line number Diff line change
Expand Up @@ -579,13 +579,19 @@ OpenSky project ${CurrentDate.Year}
<s:Boolean x:Key="/Default/Environment/SettingsMigration/IsMigratorApplied/=JetBrains_002EReSharper_002EPsi_002ECSharp_002ECodeStyle_002ESettingsUpgrade_002EAlwaysTreatStructAsNotReorderableMigration/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/Environment/SettingsMigration/IsMigratorApplied/=JetBrains_002EReSharper_002EPsi_002ECSharp_002ECodeStyle_002ESettingsUpgrade_002ECSharpPlaceAttributeOnSameLineMigration/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/Environment/SettingsMigration/IsMigratorApplied/=JetBrains_002EReSharper_002EPsi_002ECSharp_002ECodeStyle_002ESettingsUpgrade_002EMigrateBlankLinesAroundFieldToBlankLinesAroundProperty/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/GrammarAndSpelling/GrammarChecking/Exceptions/=Github/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/GrammarAndSpelling/GrammarChecking/Exceptions/=Tik_0020Tok/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/UserDictionary/Words/=appsettings/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/UserDictionary/Words/=apptoken/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/UserDictionary/Words/=apptokensuccess/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/UserDictionary/Words/=ashsteele/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/UserDictionary/Words/=ashsteelvoiceover/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/UserDictionary/Words/=CAPTCH/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/UserDictionary/Words/=changepassword/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/UserDictionary/Words/=forgotpassword/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/UserDictionary/Words/=instagram/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/UserDictionary/Words/=kelliwinkler/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/UserDictionary/Words/=kelliwinklervoice/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/UserDictionary/Words/=MSFS/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/UserDictionary/Words/=newssource/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/UserDictionary/Words/=opensky/@EntryIndexedValue">True</s:Boolean>
Expand All @@ -595,4 +601,5 @@ OpenSky project ${CurrentDate.Year}&#xD;
<s:Boolean x:Key="/Default/UserDictionary/Words/=Simbrief/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/UserDictionary/Words/=validateemail/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/UserDictionary/Words/=Vatsim/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/UserDictionary/Words/=Vecteezy/@EntryIndexedValue">True</s:Boolean>
<s:Boolean x:Key="/Default/UserDictionary/Words/=WASM/@EntryIndexedValue">True</s:Boolean></wpf:ResourceDictionary>
8 changes: 6 additions & 2 deletions OpenSky.Website/Pages/About.razor
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,12 @@
OpenSky is an open-source airline management simulation currently in development.
We are actively seeking aviation enthusiast whom would love to be part of this upcoming project and shape it with us!
If you have experience in coding, graphical or game design and feel like you could be an asset to the project, please head over to the <NavLink href="contribute">contribute page</NavLink>
and do not hesitate to jump into our <a href="https://discord.com/invite/eR3yePrj79" target="_blank">Discord</a> and say hello!
We would love to hear your ideas and feedback and are actively collecting them in our <a href="https://forum.opensky.to" target="_blank">forums</a>!
and do not hesitate to jump into our <a href="https://discord.com/invite/eR3yePrj79" target="_blank">Discord</a> and say hello to our still small but growing enthusiastic community!
We would love to hear your ideas and feedback that we are actively collecting and discussing!
</p>
<p>
If you want the best and easiest start as a new pilot on OpenSky head over to our community driven <a href="https://opensky.gitbook.io/" target="_blank">Wiki</a> that
is written by our pilots, not the devs. Sharing the best tips and tricks, as well as answering the most common questions in the FAQ.
</p>
</div>
<div class="about-bottom">
Expand Down
8 changes: 4 additions & 4 deletions OpenSky.Website/Pages/Contribute.razor
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,16 +5,16 @@
<div class="contribute-top">
<h1 class="section-title"><span>CONTRIBUTE</span></h1>
<p>
When choosing a name for this project we wanted the open-source nature of it's development to be immediately obvious - so we made it the first word you read.
When choosing a name for this project we wanted the open-source nature of its development to be immediately obvious - so we made it the first word you read.
We believe that through involvement of the aviation simulation community we will end up with a better player experience.
All code and documentation (except for maybe some future cheat detection) will be made public on Github, including the central backend API and all its functions.
</p>
<p>
The current server codebase is written in C# using the .net-core 5.0 framework and targeted to run on Linux. The main game client and agent for
Microsoft Flight Simulator 2020 and X-Plane 11 are developed on .net 4.8 and are currently Windows only.
The current server codebase is written in C# using the .net 7.0 framework and targeted to run on Linux. The main game client and agent for
Microsoft Flight Simulator 2020 and X-Plane 11+ are developed on .net 4.8 and are currently Windows only.
We will be looking to expand this to other operating systems and simulators in the future.
</p>
<img src="/img/contributediagram.svg" alt="opensky diagram" style="width: 100%; height: auto;" />
<img src="/img/contributediagram.svg?v=1" alt="opensky diagram" style="width: 100%; height: auto;" />
</div>
</div>
</section>
Expand Down
109 changes: 109 additions & 0 deletions OpenSky.Website/Pages/Credits.razor
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,109 @@
@page "/credits"

<section id="credits">
<div class="credits container">
<div class="credits-top">
<h1 class="section-title">VOICE<span>TALENTS</span></h1>
<p>
In the early stages of development we had the unique idea of using real voice over the generic AI ones. As a result we have reached out to Ash and Kelli whom both proved to be extraordinary talents in their field. Following our initial exchanges it was clear they are both passionate and professional individuals and that we were in good hands!
</p>
<p>
As a result of our collaboration OpenSky can now deliver a truly immersive experience we can all be proud of!
</p>
</div>
<div class="credits-bottom">
<div class="credits-item">
<div class="icon"><img src="/img/credits/ash-steel.webp" alt="ashsteele" /></div>
<h2>Ash Steel</h2>
<p>
Ash Steel is a pro voiceover that commands attention.
</p>
<p>
He is hired for his emotive and engaging performance abilities, as well as his technical expertise, dedicated work ethic, and creativity.
</p>
<p>
With a degree in performing arts and a lifelong passion for acting and recording, Ash has impressed big-name clients from Amazon to Tik Tok. He has narrated documentaries including for the WWF, brought characters to life in audiobooks and PC games and completed more than 3,000 voice over projects in the last 3 years.
</p>
<p>
If you want to harness the power of speech for your project then talk to Ash Steel.
</p>
<table style="margin-left: -5px;">
<tr>
<td>Website:</td>
<td style="padding-left: 5px;"><a href="https://ashsteelvoiceover.co.uk/" target="_blank">ashsteelvoiceover.co.uk</a></td>
</tr>
<tr>
<td>Email:</td>
<td style="padding-left: 5px;"><a href="mailto:info@ashsteel.com">info@ashsteel.com</a></td>
</tr>
</table>
</div>
<div class="credits-item">
<div class="icon"><img src="/img/credits/kelly-winkler.png" alt="kelliwinkler" /></div>
<h2>Kelli Winkler</h2>
<p>
I'm a professional female voiceover talent with 5+ years experience in the industry. My main objective is to offer you excellent customer service and provide you with a quality voiceover product that you can be proud of having associated with your business! I've been told by my clients that I'm very responsive and have great follow through.
</p>
<p>
With professional equipment and an in-home studio, I've been able to provide quick voice deliveries to my clients in a crunch as well as provide that voiceover that welcomes customers to your company with a warm smile.
</p>
<div style="height: 100%">&nbsp;</div>
<table style="margin-left: -5px;">
<tr>
<td>Website:</td>
<td style="padding-left: 5px;"><a href="https://www.kelliwinklervoice.com/" target="_blank">kelliwinklervoice.com</a></td>
</tr>
<tr>
<td>Email:</td>
<td style="padding-left: 5px;"><a href="mailto:kelli@kelliwinklervoice.com">kelli@kelliwinklervoice.com</a></td>
</tr>
</table>
</div>
</div>
<div class="credits-top" style="margin-top: 30px;">
<h1 class="section-title">TECH<span>NOLOGY</span></h1>
<p>
We are a small team and rely on technology and creative partners for our work to ensure we can bring our pilots the best possible experience.
If you are developing your own open-source project be sure to keep them in mind and from all of us a big thank you for supporting the open-source community!
</p>
</div>
<div class="credits-bottom">
<div class="credits-item">
<div class="icon"><img src="/img/credits/syncfusion.webp" alt="syncfusion" /></div>
<h2>syncfusion</h2>
<p>
Syncfusion provides an ecosystem of compatible developer control suites, embeddable BI platforms, and business software. Our 1,800+ components and frameworks for mobile, web, and desktop development get your products to market faster, and our Bold line delivers a diverse set of enterprise solutions, ranging from data analysis and visualization, to help desk software, to an electronic signature platform.
</p>
<p>
This project uses several controls from Syncfusion's WPF libraries, especially their excellent Docking manager. Syncfusion was kind enough to support our open-source project with a special community license. You can check out their <a href="https://github.com/syncfusion/wpf-demos" target="_blank">WPF demos</a> over on Github.
</p>

<table style="margin-left: -5px;">
<tr>
<td>Website:</td>
<td style="padding-left: 5px;"><a href="https://www.syncfusion.com/" target="_blank">syncfusion.com</a></td>
</tr>
</table>
</div>
<div class="credits-item">
<div class="icon"><img src="/img/credits/vecteezy.png" alt="vecteezy" /></div>
<h2>vecteezy</h2>
<p>
Vecteezy is an online marketplace where users can license stock photos, vector graphics, and stock footage from artists.
</p>
<p>
At Vecteezy we understand that the creative path is never straight. We aim to provide designers with the resources they need to do their best work, wherever they are in the creative process. With fresh photography and vector illustrations by our fantastic creative community and worry-free licensing, we want to help you create with confidence.
</p>
<div style="height: 100%">&nbsp;</div>
<table style="margin-left: -5px;">
<tr>
<td>Website:</td>
<td style="padding-left: 5px;"><a href="https://www.vecteezy.com/" target="_blank">vecteezy.com</a></td>
</tr>
</table>
</div>
</div>
</div>
</section>

<PageFooter />
2 changes: 1 addition & 1 deletion OpenSky.Website/Pages/Index.razor
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<div class="home container">
<div>
<h1>OpenSKY, <span></span></h1>
<h1>A brand new airline manager experience!<span></span></h1>
<h1>a brand-new airline manager experience!<span></span></h1>
<h1>@bannerMessage<span></span></h1>
<NavLink class="btn btn-primary" href="about">Read more</NavLink>
</div>
Expand Down
9 changes: 7 additions & 2 deletions OpenSky.Website/Shared/NavMenu.razor
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,8 +31,13 @@
</NavLink>
</li>
<li class="nav-item">
<NavLink class="nav-link" href="https://forum.opensky.to" target="_blank" data-after="FORUMS">
FORUMS
<NavLink class="nav-link" href="credits" data-after="CREDITS">
CREDITS
</NavLink>
</li>
<li class="nav-item">
<NavLink class="nav-link" href="https://opensky.gitbook.io/" target="_blank" data-after="WIKI">
WIKI
</NavLink>
</li>
@if (!UserSession.IsUserLoggedIn)
Expand Down
2 changes: 1 addition & 1 deletion OpenSky.Website/Shared/PageFooter.razor
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@
<a href="https://www.facebook.com/Opensky.to" target="_blank"><img src="/img/socials/facebook48.png" alt="facebook" /></a>
</div>
<div class="social-item">
<a href="#" target="_blank"><img src="/img/socials/instagram48.png" alt="instagram" /></a>
<a href="https://opensky.gitbook.io/" target="_blank"><img src="/img/socials/gitbook48.png" alt="gitbook" /></a>
</div>
<div class="social-item">
<a href="https://discord.com/invite/eR3yePrj79" target="_blank"><img src="/img/socials/discord48.png" alt="discord" /></a>
Expand Down
2 changes: 1 addition & 1 deletion OpenSky.Website/wwwroot/appsettings.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
"OpenSky": {
"OpenSkyAPIUrl": "https://api.opensky.to",
"EmailAddress": "opensky.to@gmail.com",
"IndexBannerMessage": "Alpha4 out now!",
"IndexBannerMessage": "Alpha5 out now!",
"TokenApps": [
{
"ID": "755CC379-E8FE-43C5-B75F-6CD09772D7A7",
Expand Down
108 changes: 108 additions & 0 deletions OpenSky.Website/wwwroot/css/OpenSky.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -589,6 +589,114 @@ p {
}
/* End About Section */

/* Credits Section */

#credits {
background: #fff;
}

#credits .credits {
flex-direction: column;
text-align: center;
max-width: 1500px;
margin: 0 auto;
padding: 100px 0;
}

#credits .section-title span {
color: #08c6a4;
}

#credits .credits-top h1 {
font-size: 3.5rem;
}

#credits .credits-top p {
margin-left: 30px;
margin-right: 30px;
font-size: 1.3rem;
}

#credits .credits-bottom {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 50px;
}

#credits .credits-item {
flex-basis: 48%;
display: flex;
align-items: flex-start;
justify-content: center;
flex-direction: column;
padding: 30px;
border-radius: 10px;
background-size: cover;
margin: 10px 1%;
position: relative;
z-index: 1;
overflow: hidden;
}

#credits .credits-item::after {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: linear-gradient(60deg, #29323c 0%, #485563 100%);
opacity: 0.9;
z-index: -1;
}

#credits .credits-bottom .icon {
height: 200px;
width: 100%;
margin-bottom: 20px;
align-items: center;
}

#credits .credits-bottom .icon img {
height: 200px;
width: auto;
}


#credits .credits-item h2 {
font-size: 2rem;
color: white;
margin-bottom: 10px;
text-transform: uppercase;
width: 100%;
}

#credits .credits-item p {
color: white;
text-align: left;
font-size: 1.2rem;
}

#credits table {
width: auto;
vertical-align: bottom;
}

#credits tr {
padding: 0;
}

#credits td {
color: white;
text-align: left;
width: auto;
padding: 0;
font-size: 1.2rem;
}

/* End Credits Section */

/* News Section */

#news {
Expand Down
Loading

0 comments on commit 514a14f

Please sign in to comment.