Skip to content

Build product showcase pages #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
tpetrina wants to merge 1 commit into
base: main
Choose a base branch
from
Draft

Build product showcase pages #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
145 changes: 145 additions & 0 deletions src/darchie.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,145 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta name="mobile-web-app-capable" content="yes" />
<meta name="theme-color" content="#fff" />
<meta name="application-name" content="Massive Pixel" />

<title>Darchie - Massive Pixel</title>

<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="product.css" />
<link rel="stylesheet" href="fonts/inter.css" />
<link rel="shortcut icon" href="public/favicon.ico" type="image/x-icon" />

<script
async
src="https://umami-livid.vercel.app/script.js"
data-website-id="9efb947b-2ef0-4c71-a229-545a596c41e0"
></script>

<script type="module" src="index.js"></script>
</head>
<body>
<template id="r">
<svg width="4" height="4">
<rect width="8" height="8" />
</svg>
</template>

<div class="fixed-background">
<div id="container"></div>
</div>

<main id="content">
<nav class="breadcrumb">
<a href="index.html">← Back to Home</a>
</nav>

<h1 class="product-heading">
<img src="./MassivePixelLogo.png" class="logo" /> Darchie
</h1>

<div class="product-details">
<h2>.NET deployments done right</h2>

<p class="product-description">
Darchie is the modern deployment platform for .NET applications.
Connect your source code and run your .NET applications in the cloud
with zero configuration. Whether you're building APIs, web apps, or
background services, Darchie handles the infrastructure so you can
focus on writing code. Iterate, extend, and evolve your applications
with no ops required - deploy with a simple git push and let us
handle the rest.
</p>

<div class="product-link">
<a href="https://darchie.io" target="_blank" class="cta-button">
Visit Darchie →
</a>
</div>

<section class="features">
<h2>Key Features</h2>

<div class="feature">
<div class="feature-screenshot">
<img src="./images/darchie-deploy.png" alt="One-click deployment" />
</div>
<div class="feature-description">
<h3>Instant Deployment</h3>
<p>
Deploy your .NET applications with a single git push. Darchie
automatically detects your project type, builds it with the
right .NET version, and deploys it to production. No
configuration files, no Docker knowledge required - just push
and go.
</p>
</div>
</div>

<div class="feature">
<div class="feature-screenshot">
<img src="./images/darchie-monitoring.png" alt="Real-time monitoring" />
</div>
<div class="feature-description">
<h3>Real-time Monitoring</h3>
<p>
Monitor your application's health, performance, and logs in
real-time. Get instant alerts when something goes wrong, and
use our powerful log search to debug issues quickly. Track
CPU, memory, and request metrics to optimize your app's
performance.
</p>
</div>
</div>

<div class="feature">
<div class="feature-screenshot">
<img src="./images/darchie-scaling.png" alt="Auto-scaling" />
</div>
<div class="feature-description">
<h3>Auto-scaling</h3>
<p>
Handle traffic spikes effortlessly. Darchie automatically
scales your application up when demand increases and down when
it subsides. Pay only for what you use, with no manual
intervention required. Your app stays fast and responsive
under any load.
</p>
</div>
</div>

<div class="feature">
<div class="feature-screenshot">
<img src="./images/darchie-environments.png" alt="Multiple environments" />
</div>
<div class="feature-description">
<h3>Multiple Environments</h3>
<p>
Create separate environments for development, staging, and
production. Each environment has its own database, secrets, and
configuration. Test changes safely in staging before deploying
to production, all managed from a single dashboard.
</p>
</div>
</div>
</section>
</div>

<footer>
<p>Vrpoljački put 8D, 22000</p>
<p>Šibenik, Croatia/Hrvatska</p>
<p>OIB (VAT): HR-31344748314</p>
<hr style="color: var(--accent); border-style: dashed" />
<p>Copyright © 2013-2025 Massive Pixel d.o.o. All rights reserved.</p>
</footer>
</main>
</body>
</html>
142 changes: 142 additions & 0 deletions src/ef-playground.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,142 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta name="mobile-web-app-capable" content="yes" />
<meta name="theme-color" content="#fff" />
<meta name="application-name" content="Massive Pixel" />

<title>Entity Framework Playground - Massive Pixel</title>

<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="product.css" />
<link rel="stylesheet" href="fonts/inter.css" />
<link rel="shortcut icon" href="public/favicon.ico" type="image/x-icon" />

<script
async
src="https://umami-livid.vercel.app/script.js"
data-website-id="9efb947b-2ef0-4c71-a229-545a596c41e0"
></script>

<script type="module" src="index.js"></script>
</head>
<body>
<template id="r">
<svg width="4" height="4">
<rect width="8" height="8" />
</svg>
</template>

<div class="fixed-background">
<div id="container"></div>
</div>

<main id="content">
<nav class="breadcrumb">
<a href="index.html">← Back to Home</a>
</nav>

<h1 class="product-heading">
<img src="./MassivePixelLogo.png" class="logo" /> Entity Framework Playground
</h1>

<div class="product-details">
<h2>Interactive learning experience for Entity Framework Core</h2>

<p class="product-description">
The Playground is the best way to experiment with and learn Entity
Framework Core. Whether you're a beginner just starting out or an
experienced developer looking to test new patterns, our interactive
platform provides a safe, powerful environment to explore EF Core's
capabilities. Learn how to write models, explore migrations, and
test queries generated by Entity Framework - all in real-time without
any local setup required.
</p>

<div class="product-link">
<a href="https://efplayground.io" target="_blank" class="cta-button">
Visit Entity Framework Playground →
</a>
</div>

<section class="features">
<h2>Key Features</h2>

<div class="feature">
<div class="feature-screenshot">
<img src="./images/ef-playground-editor.png" alt="Interactive code editor" />
</div>
<div class="feature-description">
<h3>Interactive Code Editor</h3>
<p>
Write and edit your Entity Framework models in a powerful
browser-based editor with syntax highlighting and IntelliSense.
See results instantly as you type, making learning and
experimentation fast and intuitive.
</p>
</div>
</div>

<div class="feature">
<div class="feature-screenshot">
<img src="./images/ef-playground-migrations.png" alt="Migration viewer" />
</div>
<div class="feature-description">
<h3>Migration Visualization</h3>
<p>
Understand how your model changes translate to database schema
modifications. View generated migration code and see exactly
what SQL commands Entity Framework will execute to update your
database structure.
</p>
</div>
</div>

<div class="feature">
<div class="feature-screenshot">
<img src="./images/ef-playground-queries.png" alt="Query inspector" />
</div>
<div class="feature-description">
<h3>Query Inspector</h3>
<p>
See the actual SQL queries generated by your LINQ expressions.
Learn how Entity Framework translates your C# code into
database queries, helping you write more efficient and
performant data access code.
</p>
</div>
</div>

<div class="feature">
<div class="feature-screenshot">
<img src="./images/ef-playground-share.png" alt="Share and collaborate" />
</div>
<div class="feature-description">
<h3>Share & Collaborate</h3>
<p>
Save your work and share it with teammates or the community.
Perfect for asking questions, demonstrating issues, or
creating educational content. Every playground gets a unique
URL for easy sharing.
</p>
</div>
</div>
</section>
</div>

<footer>
<p>Vrpoljački put 8D, 22000</p>
<p>Šibenik, Croatia/Hrvatska</p>
<p>OIB (VAT): HR-31344748314</p>
<hr style="color: var(--accent); border-style: dashed" />
<p>Copyright © 2013-2025 Massive Pixel d.o.o. All rights reserved.</p>
</footer>
</main>
</body>
</html>
28 changes: 28 additions & 0 deletions src/images/darchie-deploy.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
44 changes: 44 additions & 0 deletions src/images/darchie-environments.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
28 changes: 28 additions & 0 deletions src/images/darchie-monitoring.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading