Skip to content

Commit 9e72132

Browse files
jamesmcroftjamesmcroft
committed
Updated homepage
1 parent f0c8a06 commit 9e72132

10 files changed

Lines changed: 378 additions & 67 deletions

File tree

‎docs/images/FilePickerSample.png‎

623 KB
Loading

‎docs/images/MultiWindow.png‎

418 KB
Loading

‎docs/images/icons/data.png‎

17.7 KB
Loading

‎docs/images/icons/github.png‎

21 KB
Loading

‎docs/images/icons/love.png‎

17.7 KB
Loading

‎docs/images/icons/model.png‎

18.1 KB
Loading

‎docs/images/icons/network.png‎

19 KB
Loading

‎docs/images/icons/validation.png‎

11.7 KB
Loading

‎docs/index.md‎

Lines changed: 242 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -1,92 +1,273 @@
11
---
22
uid: front-page
3-
title: MADE.NET Documentation
3+
title: Make App Development Easier
44
---
55

6-
<img src="images/ProjectBanner.png" alt="MADE project banner" />
6+
<img src="images/ProjectBanner.png" alt="MADE project banner" class="hero-image" />
77

8-
<div class="hero-layout">
9-
<h1 class="hero-title">
10-
Make app development easier with reusable code
11-
</h1>
12-
<div class="hero-subtitle">
13-
MADE.NET is a toolkit of reusable code libraries building applications. It streamlines the approach to get projects going.
14-
</div>
15-
<div class="hero-actions">
8+
<div class="hero-layout highlight-section">
9+
<h1 class="hero-title">
10+
Make app development easier with reusable code
11+
</h1>
12+
13+
<div class="hero-subtitle">
14+
MADE.NET is a toolkit of reusable code libraries building applications. It streamlines the approach to get projects going.
15+
</div>
16+
17+
<div class="hero-actions mb-5">
1618
<span class="button accent-button">
1719

1820
[Learn more](articles/intro.md)
1921

2022
</span>
23+
</div>
24+
2125
</div>
26+
27+
<div class="highlight-section">
28+
<span class="small-heading">
29+
Supports
30+
</span>
31+
<div class="stats-container d-flex flex-row flex-wrap">
32+
<div class="stat">
33+
<span>
34+
<div class="stat-container">
35+
<div class="stat-header">
36+
<span>
37+
.NET
38+
</span>
39+
</div>
40+
<div class="stat-content">
41+
<span>
42+
Standard 2.0+, 5, 6
43+
</span>
44+
</div>
45+
</div>
46+
</span>
47+
</div>
48+
<div class="stat">
49+
<span>
50+
<div class="stat-container">
51+
<div class="stat-header">
52+
<span>
53+
Windows
54+
</span>
55+
</div>
56+
<div class="stat-content">
57+
<span>
58+
WinUI, UWP, WPF, WinForms
59+
</span>
60+
</div>
61+
</div>
62+
</span>
63+
</div>
64+
<div class="stat">
65+
<span>
66+
<div class="stat-container">
67+
<div class="stat-header">
68+
<span>
69+
Xamarin
70+
</span>
71+
</div>
72+
<div class="stat-content">
73+
<span>
74+
Android, iOS, macOS, Forms
75+
</span>
76+
</div>
77+
</div>
78+
</span>
79+
</div>
80+
<div class="stat">
81+
<span>
82+
<div class="stat-container">
83+
<div class="stat-header">
84+
<span>
85+
Uno Platform
86+
</span>
87+
</div>
88+
<div class="stat-content">
89+
<span>
90+
WebAssembly, Android, iOS, macOS, Linux
91+
</span>
92+
</div>
93+
</div>
94+
</span>
95+
</div>
96+
</div>
2297
</div>
2398

24-
<div class="row">
25-
<div class="col-md-6 col-xs-12">
26-
<h2>Why MADE.NET?</h2>
27-
<p>
28-
Have you ever built applications and found yourself copying common code, extensions or helpers, from one to another?
29-
</p>
30-
<p>
31-
That's why I built MADE.NET. This is a toolkit of easy-to-use extensions, helpers, and controls to make app development easier for you, taken straight from the projects I've worked on over the years.
32-
</p>
33-
<span class="button">
99+
<div class="highlight-section home-row">
100+
<span class="small-heading">
101+
Stats
102+
</span>
103+
<div class="stats-container d-flex flex-row flex-wrap">
104+
<a class="stat" href="https://github.com/MADE-Apps/MADE.NET/releases" target="_blank">
105+
<span>
106+
<div class="stat-container">
107+
<div class="stat-header">
108+
<span>
109+
v1.4.0
110+
</span>
111+
</div>
112+
<div class="stat-content">
113+
<span>
114+
Latest release
115+
</span>
116+
</div>
117+
</div>
118+
</span>
119+
</a>
120+
<a class="stat" href="https://www.nuget.org/profiles/made-apps" target="_blank">
121+
<span>
122+
<div class="stat-container">
123+
<div class="stat-header">
124+
<span>
125+
225k+
126+
</span>
127+
</div>
128+
<div class="stat-content">
129+
<span>
130+
Total downloads
131+
</span>
132+
</div>
133+
</div>
134+
</span>
135+
</a>
136+
<a class="stat" href="https://www.nuget.org/profiles/made-apps" target="_blank">
137+
<span>
138+
<div class="stat-container">
139+
<div class="stat-header">
140+
<span>
141+
22
142+
</span>
143+
</div>
144+
<div class="stat-content">
145+
<span>
146+
NuGet packages
147+
</span>
148+
</div>
149+
</div>
150+
</span>
151+
</a>
152+
</div>
153+
</div>
34154

35-
[Learn more](articles/intro.md)
155+
---
36156

37-
</span>
157+
<div class="row home-row">
158+
<div class="d-flex flex-column my-auto col-lg-7">
159+
<h2 class="md-header">
160+
UI Components
161+
</h2>
162+
<div class="md-content">
163+
MADE.NET provides a set of cross-platform UI components for Windows, WebAssembly, Android, iOS, macOS, and Linux.
164+
</div>
165+
</div>
166+
<div class="col-lg-5">
167+
<img src="images/FilePickerSample.png" alt="A File Picker UI component example on Windows" />
168+
</div>
38169
</div>
39-
<div class="col-md-6 col-xs-12">
40-
<h2>Available packages</h2>
41-
<p>
42-
Take advantage of what is available for MADE.NET in your applications.
43-
</p>
44-
<p>
45-
You'll discover what packages are available for you from NuGet.org, plus how you can use them.
46-
</p>
47-
<span class="button">
48-
49-
[Discover MADE.NET](articles/available-packages.md)
50170

51-
</span>
52-
</div>
171+
<div class="row home-row">
172+
<div class="grid-col col-lg-6 d-flex flex-column">
173+
<div class="grid-item grid-bottom grid-right d-flex flex-column align-items-center text-center">
174+
<img src="images/icons/validation.png" alt="A validation icon" />
175+
<h2 class="sm-header">
176+
Get data validation in seconds
177+
</h2>
178+
<div class="sm-content">
179+
MADE provides a lightweight, extensible data validation framework for input values in your applications
180+
</div>
181+
</div>
182+
<div class="grid-item grid-right d-flex flex-column align-items-center text-center">
183+
<img src="images/icons/data.png" alt="A database icon" />
184+
<h2 class="sm-header">
185+
Improve data access with EF Core helpers
186+
</h2>
187+
<div class="sm-content">
188+
Simple, easy-to-use Entity Framework Core helpers for common data modelling, querying, and data access functions
189+
</div>
190+
</div>
191+
</div>
192+
<div class="grid-col col-lg-6 d-flex flex-column">
193+
<div class="grid-item grid-bottom d-flex flex-column align-items-center text-center">
194+
<img src="images/icons/network.png" alt="A network icon" />
195+
<h2 class="sm-header">
196+
Simplify your API requests
197+
</h2>
198+
<div class="sm-content">
199+
Save time making API requests in your apps using MADE's network request handlers
200+
</div>
201+
</div>
202+
<div class="grid-item d-flex flex-column align-items-center text-center">
203+
<img src="images/icons/model.png" alt="A model icon" />
204+
<h2 class="sm-header">
205+
Easy cross-platform page-to-page navigation
206+
</h2>
207+
<div class="sm-content">
208+
Ease your approach to cross-platform page-to-page navigation using MADE's page navigation service built on top of the MVVM Toolkit
209+
</div>
210+
</div>
211+
</div>
53212
</div>
54213

55-
<div class="row">
56-
<div class="col-md-6 col-xs-12">
57-
<h2>Contributing</h2>
58-
<p>
59-
Do you have reusable code you want to share with the world?
60-
</p>
61-
<p>
62-
MADE.NET is available as an open-source project on GitHub! Dive into the codebase and bring your improvements.
63-
</p>
64-
<span class="button">
214+
---
215+
216+
<div class="row highlight-section home-row d-flex home-row-centered-sm">
217+
<div class="d-flex flex-column my-auto col-lg-7">
218+
<h2 class="sm-header mb-5">
219+
MADE.NET is simple to install and it's easy to get started.
220+
</h2>
221+
</div>
222+
<div class="col-lg-5">
223+
224+
<span class="button accent-button">
65225

66-
[Get the source](https://github.com/MADE-Apps/MADE.NET)
226+
[Learn more](articles/intro.md)
67227

68228
</span>
229+
230+
</div>
69231
</div>
70-
<div class="col-md-6 col-xs-12">
71-
<h2>Supporting MADE.NET</h2>
72-
<p>
73-
If you'd like to support MADE Apps current and future endeavors in open-source projects, considering sponsoring the work we do!
74-
</p>
75-
<span class="button sponsor-button">
76-
<a aria-label="Sponsor @jamesmcroft" target="_top" href="https://github.com/sponsors/jamesmcroft/">
77-
<svg height="16" class="octicon octicon-heart text-pink mr-2" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true">
232+
233+
---
234+
235+
<div class="row home-row">
236+
<div class="grid-col col-lg-6 d-flex flex-column">
237+
<div class="grid-item grid-right d-flex flex-column align-items-center text-center">
238+
<img src="images/icons/love.png" alt="Hands holding a heart icon" />
239+
<h2 class="sm-header">
240+
Support MADE.NET
241+
</h2>
242+
<div class="sm-content mb-3">
243+
If you'd like to support MADE.NET, considering donating to the project
244+
</div>
245+
<span class="button sponsor-button">
246+
<a aria-label="Support MADE.NET" target="_top" href="https://github.com/sponsors/jamesmcroft/">
247+
<svg height="16" class="octicon octicon-heart text-pink me-2" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true">
78248
<path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"></path>
79249
</svg>
80-
<span>Sponsor on GitHub</span>
250+
<span>Support MADE.NET</span>
81251
</a>
82252
</span>
83-
<span class="button sponsor-button">
84-
<a aria-label="Buy Me A Coffee @jamesmcroft" target="_top" href="https://buymeacoff.ee/jamesmcroft">
85-
<svg height="16" class="octicon octicon-heart text-pink mr-2" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true">
253+
</div>
254+
</div>
255+
<div class="grid-col col-lg-6 d-flex flex-column">
256+
<div class="grid-item d-flex flex-column align-items-center text-center">
257+
<img src="images/icons/github.png" alt="A GitHub icon" />
258+
<h2 class="sm-header">
259+
Contribute on GitHub
260+
</h2>
261+
<div class="sm-content mb-3">
262+
MADE.NET is open source and you can contribute on GitHub
263+
</div>
264+
<span class="button sponsor-button">
265+
<a aria-label="Contribute to MADE.NET" target="_top" href="https://github.com/MADE-Apps/MADE.NET/">
266+
<svg height="16" class="octicon octicon-heart text-pink me-2" viewbox="0 0 16 16" version="1.1" width="16" aria-hidden="true">
86267
<path fill-rule="evenodd" d="M4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.565 20.565 0 008 13.393a20.561 20.561 0 003.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.75.75 0 01-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5zM8 14.25l-.345.666-.002-.001-.006-.003-.018-.01a7.643 7.643 0 01-.31-.17 22.075 22.075 0 01-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.08 22.08 0 01-3.744 2.584l-.018.01-.006.003h-.002L8 14.25zm0 0l.345.666a.752.752 0 01-.69 0L8 14.25z"></path>
87268
</svg>
88-
<span>Buy Me A Coffee</span>
269+
<span>Contribute to MADE.NET</span>
89270
</a>
90-
</span>
91-
</div>
271+
</div>
272+
</div>
92273
</div>

0 commit comments

Comments
 (0)