Initial OpenMaui website
This commit is contained in:
MarketAlly Admin
commit
173669cf3a
|
|
@ -0,0 +1,16 @@
|
|||
name: Deploy to Website
|
||||
|
||||
on:
|
||||
push:
|
||||
branches: [main]
|
||||
|
||||
jobs:
|
||||
deploy:
|
||||
runs-on: windows
|
||||
steps:
|
||||
- uses: actions/checkout@v4
|
||||
|
||||
- name: Deploy to site folder
|
||||
run: |
|
||||
xcopy /E /Y /I . C:\sites\open-maui\
|
||||
echo "Deployed to openmaui.org"
|
||||
|
|
@ -0,0 +1,192 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>OpenMaui - .NET MAUI for Linux</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||||
body {
|
||||
font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||
background: linear-gradient(135deg, #0d1117 0%, #161b22 50%, #21262d 100%);
|
||||
min-height: 100vh;
|
||||
color: #fff;
|
||||
}
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 2rem;
|
||||
}
|
||||
header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
.logo {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 700;
|
||||
color: #58a6ff;
|
||||
}
|
||||
nav a {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
margin-left: 2rem;
|
||||
opacity: 0.8;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
nav a:hover { opacity: 1; }
|
||||
.hero {
|
||||
text-align: center;
|
||||
padding: 6rem 0;
|
||||
}
|
||||
h1 {
|
||||
font-size: 3.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
background: linear-gradient(135deg, #58a6ff 0%, #a371f7 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
.tagline {
|
||||
font-size: 1.25rem;
|
||||
opacity: 0.8;
|
||||
max-width: 700px;
|
||||
margin: 0 auto 2rem;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.badges {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 1rem;
|
||||
margin-bottom: 3rem;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.badge {
|
||||
background: rgba(88, 166, 255, 0.15);
|
||||
border: 1px solid rgba(88, 166, 255, 0.3);
|
||||
padding: 0.5rem 1rem;
|
||||
border-radius: 20px;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
.code-block {
|
||||
background: #0d1117;
|
||||
border: 1px solid #30363d;
|
||||
border-radius: 8px;
|
||||
padding: 1.5rem;
|
||||
max-width: 600px;
|
||||
margin: 2rem auto;
|
||||
text-align: left;
|
||||
font-family: 'Consolas', monospace;
|
||||
}
|
||||
.code-block .comment { color: #8b949e; }
|
||||
.code-block .cmd { color: #58a6ff; }
|
||||
.features {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||
gap: 2rem;
|
||||
padding: 4rem 0;
|
||||
}
|
||||
.feature {
|
||||
background: rgba(255,255,255,0.03);
|
||||
border: 1px solid rgba(255,255,255,0.1);
|
||||
border-radius: 12px;
|
||||
padding: 2rem;
|
||||
}
|
||||
.feature h3 {
|
||||
color: #58a6ff;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.feature p {
|
||||
opacity: 0.7;
|
||||
line-height: 1.6;
|
||||
}
|
||||
.cta {
|
||||
display: inline-block;
|
||||
background: #238636;
|
||||
color: #fff;
|
||||
padding: 1rem 2rem;
|
||||
border-radius: 8px;
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
transition: background 0.2s;
|
||||
margin: 0 0.5rem;
|
||||
}
|
||||
.cta:hover { background: #2ea043; }
|
||||
.cta.secondary {
|
||||
background: transparent;
|
||||
border: 1px solid #30363d;
|
||||
}
|
||||
.cta.secondary:hover { border-color: #58a6ff; }
|
||||
footer {
|
||||
text-align: center;
|
||||
padding: 3rem 0;
|
||||
opacity: 0.6;
|
||||
border-top: 1px solid rgba(255,255,255,0.1);
|
||||
margin-top: 4rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<div class="logo">OpenMaui</div>
|
||||
<nav>
|
||||
<a href="#features">Features</a>
|
||||
<a href="https://git.marketally.com/open-maui/maui-linux">Source</a>
|
||||
<a href="https://www.nuget.org/packages/OpenMaui.Controls.Linux">NuGet</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<section class="hero">
|
||||
<h1>.NET MAUI for Linux</h1>
|
||||
<p class="tagline">
|
||||
Run your .NET MAUI applications natively on Linux desktops.
|
||||
Full SkiaSharp rendering with X11 and Wayland support.
|
||||
</p>
|
||||
|
||||
<div class="badges">
|
||||
<span class="badge">.NET 9</span>
|
||||
<span class="badge">35+ Controls</span>
|
||||
<span class="badge">X11 & Wayland</span>
|
||||
<span class="badge">MIT License</span>
|
||||
</div>
|
||||
|
||||
<a href="https://www.nuget.org/packages/OpenMaui.Controls.Linux" class="cta">Install from NuGet</a>
|
||||
<a href="https://git.marketally.com/open-maui/maui-linux" class="cta secondary">View Source</a>
|
||||
</section>
|
||||
|
||||
<div class="code-block">
|
||||
<div class="comment"># Install the package</div>
|
||||
<div class="cmd">dotnet add package OpenMaui.Controls.Linux</div>
|
||||
<br>
|
||||
<div class="comment"># Build for Linux</div>
|
||||
<div class="cmd">dotnet publish -r linux-x64</div>
|
||||
</div>
|
||||
|
||||
<section id="features" class="features">
|
||||
<div class="feature">
|
||||
<h3>Native Performance</h3>
|
||||
<p>Hardware-accelerated SkiaSharp rendering delivers smooth 60fps animations and crisp text.</p>
|
||||
</div>
|
||||
<div class="feature">
|
||||
<h3>Full Control Library</h3>
|
||||
<p>35+ controls including Button, Entry, ListView, CollectionView, CarouselView, and more.</p>
|
||||
</div>
|
||||
<div class="feature">
|
||||
<h3>Platform Services</h3>
|
||||
<p>File picker, clipboard, preferences, secure storage, and connectivity APIs work out of the box.</p>
|
||||
</div>
|
||||
<div class="feature">
|
||||
<h3>Cross-Compile Ready</h3>
|
||||
<p>Build Linux binaries from Windows or macOS. No Linux dev environment required.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<p>© 2025 MarketAlly LLC. Open source under MIT License.</p>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue