forked from userfrosting/UserFrosting
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·582 lines (573 loc) · 33.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
---
layout: main
title: "UserFrosting | Documentation for 0.3.x"
description: "Documentation and tutorials for UserFrosting 0.3.x (deprecated)."
---
<!-- Header -->
<header>
<div class="container">
<div class="row">
<div class="col-lg-12">
<img class="img-responsive" src="img/cupcake.svg" width=400 alt="">
<div class="intro-text" style="margin-top: 50px">
<h1>Modern user management for PHP.</h1>
</div>
</div>
</div>
<div class="row row-buttons">
<div class="col-sm-4">
<a class="btn btn-outline btn-lg btn-block" href="http://v3.userfrosting.com/installation"><i class="fa fa-download"></i> INSTALL</a>
</div>
<div class="col-sm-4" >
<a class="btn btn-outline btn-lg btn-block" href="https://demo.userfrosting.com/" target="_blank"><i class="fa fa-user"></i> DEMO (v4) </a>
</div>
<div class="col-sm-4">
<a class="btn btn-outline btn-lg btn-block" href="https://github.com/userfrosting/UserFrosting" class="btn btn-outline btn-lg btn-block"> <i class="fa fa-github-alt"></i> GITHUB </a>
</div>
</div>
</div>
</header>
<!-- About Section -->
<section class="beta" id="about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>About</h2>
<hr class="star-primary">
</div>
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<p>Chances are you're here because you have a great idea for a user-oriented website.</p>
<p>Whether it's a private forum for your WoW guild, an employee management system for your small business, or the next big social network, we're guessing you want to get started on your awesome new idea as quickly as possible. You most certainly do not want to spend your time writing code to manage user authentication and authorization.
</p>
<p><strong>Userfrosting delivers.</strong></p>
<p>
With some basic configuration and an easy-to-use installer, you'll be ready to create and manage user accounts in 5 minutes or less. All you need is a web server running PHP 5.6 or greater, and a SQL database.
</p>
<p class="faq-question">Who is UserFrosting meant for?</p>
<p>
UserFrosting is meant for individuals who have some background in programming, but are not familiar with all of the modern tools available to make development in PHP faster, and to make your code better structured and easier to manage. By starting with UserFrosting, you will be comfortably introduced to Composer (the dependency manager), MVC, the front-controller pattern, and RESTful URLs.
</p>
<p class="faq-question">Who uses UserFrosting?</p>
<p>
All sorts of people! Check out our <a href="{{site.url}}/gallery">gallery of sites</a> that are built on UserFrosting.
</p>
<p>Get started on your project, without starting from 'Hello World".</p>
</div>
</div>
</div>
</section>
<!-- Features Grid Section -->
<section id="features" class="alpha">
<div class="container portfolio">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Features</h2>
<hr class="star-primary">
</div>
</div>
<h3>Application Features</h3>
<div class="row">
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
User login <br>and account registration
</div>
</div>
<img src="img/portfolio/login-small.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
Personal dashboards
</div>
</div>
<img src="img/portfolio/dash-small.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
User account settings
</div>
</div>
<img src="img/portfolio/accountsetting-small.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
View and edit users
</div>
</div>
<img src="img/portfolio/user-small.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal5" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
Create groups
</div>
</div>
<img src="img/portfolio/newgroup-small.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
Manage site settings
</div>
</div>
<img src="img/portfolio/setting-small.png" class="img-responsive" alt="">
</a>
</div>
</div>
<h3>Developer Features</h3>
<div class="main-feature">
<div class="row">
<div class="col-sm-4">
<i class="fa fa-puzzle-piece"></i>
<h4>Templating</h4>
<p>Consistent, easy-to-use templating with <a href="http://twig.sensiolabs.org/">Twig</a>.</p>
</div>
<div class="col-sm-4">
<i class="fa fa-random"></i>
<h4>Routing</h4>
<p>Powerful routing and request/response abstractions with <a href="http://www.slimframework.com/">Slim</a> to decouple web pages from PHP files.</p>
</div>
<div class="col-sm-4">
<i class="fa fa-database"></i>
<h4>Data Modeling</h4>
<p>UserFrosting 0.3.1 boasts a rich object-oriented data model built on top of Laravel's <a href="http://laravel.com/docs/5.0/eloquent">Eloquent ORM</a>.</p>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<i class="fa fa-shield"></i>
<h4><a href="https://github.com/alexweissman/fortress">Fortress</a></h4>
<p>A unified interface for data validation and sanitization. Specify rules for client- and server-side validation in a single JSON schema!</p>
</div>
<div class="col-sm-4">
<i class="fa fa-wrench"></i>
<h4>Admin Tools</h4>
<p>Built-in capabilities for automated CSS/JS minification, viewing site logs, and more.</p>
</div>
<div class="col-sm-4">
<i class="fa fa-plug"></i>
<h4>Plugins and Theming</h4>
<p>A full-featured plugin and theming system to easily create and share custom styles, layouts, and functionality.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Getting Started Section -->
<section id="get-started" class="beta">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Getting Started</h2>
<hr class="star-primary">
</div>
</div>
<div class="row">
<div class="col-sm-4 palette-button">
<a href="{{site.url}}/installation" class="palette-link">
<div class="palette-text">
<i class="fa fa-4x fa-check-square-o"></i><br>
Requirements and Installation
</div>
</a>
</div>
<div class="col-sm-4 palette-button">
<a href="{{site.url}}/troubleshooting" class="palette-link">
<div class="palette-text">
<i class="fa fa-4x fa-life-saver"></i><br>
Troubleshooting
</div>
</a>
</div>
<div class="col-sm-4 palette-button">
<a href="{{site.url}}/navigating" class="palette-link">
<div class="palette-text">
<i class="fa fa-4x fa-compass"></i><br>
Navigating the Code
</div>
</a>
</div>
<div class="col-sm-4 palette-button">
<a href="{{site.url}}/tutorials" class="palette-link">
<div class="palette-text">
<i class="fa fa-4x fa-mortar-board"></i><br>
Tutorials
</div>
</a>
</div>
<div class="col-sm-4 palette-button">
<a href="{{site.url}}/components" class="palette-link">
<div class="palette-text">
<i class="fa fa-4x fa-cubes"></i><br>
Components
</div>
</a>
</div>
<div class="col-sm-4 palette-button">
<a href="{{site.url}}/security" class="palette-link">
<div class="palette-text">
<i class="fa fa-4x fa-lock"></i><br>
Security
</div>
</a>
</div>
<div class="col-sm-4 palette-button">
<a href="{{site.url}}/api/namespace-UserFrosting.html" class="palette-link">
<div class="palette-text">
<i class="fa fa-4x fa-code"></i><br>
API Documentation
</div>
</a>
</div>
<div class="col-sm-4 palette-button">
<a href="{{site.url}}/plugins" class="palette-link">
<div class="palette-text">
<i class="fa fa-4x fa-plug"></i><br>
Plugins
</div>
</a>
</div>
<div class="col-sm-4 palette-button">
<a href="{{site.url}}/gallery" class="palette-link">
<div class="palette-text">
<i class="fa fa-4x fa-users"></i><br>
Who Uses UF?
</div>
</a>
</div>
</div>
</div>
</section>
<!-- Help Section -->
<section id="help" class="alpha">
<div class="container help-topics">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Get Help with UserFrosting</h2>
<hr class="star-primary">
</div>
</div>
<div class="main-feature">
<div class="row">
<div class="col-sm-6">
<a href="#help-modal-question" class="portfolio-link" data-toggle="modal">
<i class="fa fa-question"></i>
<h4>Using UserFrosting</h4>
</a>
<p>I need help using UserFrosting for my project.</p>
</div>
<div class="col-sm-6">
<a href="#help-modal-bug" class="portfolio-link" data-toggle="modal">
<i class="fa fa-bug"></i>
<h4>Bug Reporting</h4>
</a>
<p>I think I found a bug in the code.</p>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<a href="#help-modal-request" class="portfolio-link" data-toggle="modal">
<i class="fa fa-lightbulb-o"></i>
<h4>Feature Requests</h4>
</a>
<p>I have a suggestion for how UserFrosting could be improved.</p>
</div>
<div class="col-sm-6">
<a href="#help-modal-contribute" class="portfolio-link" data-toggle="modal">
<i class="fa fa-puzzle-piece"></i>
<h4>Contributing</h4>
</a>
<p>I want to help!</p>
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio Modals -->
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="modal-body">
<div class="col-lg-10 col-lg-offset-1">
<h2>Login and register accounts</h2>
<hr class="star-primary">
<img src="img/portfolio/login.png" class="img-responsive img-centered" alt="">
<p>If enabled, users can register for new accounts automatically. Enable/disable CAPTCHA to create an account. You can also require that users activate their accounts via an emailed activation link. Users can reset their passwords by authenticating via an emailed password reset link.</p>
<button type="button" class="btn btn-modal" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="modal-body">
<h2>Dashboard</h2>
<hr class="star-primary">
<img src="img/portfolio/dash.png" class="img-responsive img-centered" alt="">
<p>A placeholder for giving users access to various features and functions on your site. UserFrosting comes with Morris charts and the Tablesorter dynamic tables plugin preinstalled.</p>
<button type="button" class="btn btn-modal" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="modal-body">
<div class="col-lg-10 col-lg-offset-1">
<h2>Account settings</h2>
<hr class="star-primary">
<img src="img/portfolio/accountsetting.png" class="img-responsive img-centered" alt="">
<p>Allow users to change their display name, locale & language, password, and more. Easily control which fields users can view/edit via authorization hooks.</p>
<button type="button" class="btn btn-modal" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="modal-body">
<h2>View, edit, sort, and create users</h2>
<hr class="star-primary">
<img src="img/portfolio/user.png" class="img-responsive img-centered" alt="">
<p>Administrators can manually create new user accounts, change group assignments and access permissions, enable/disable, activate, and delete user accounts from the Users panel.</p>
<button type="button" class="btn btn-modal" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="modal-body">
<h2>Create groups and hierarchies</h2>
<hr class="star-primary">
<img src="img/portfolio/groups.png" class="img-responsive img-centered" alt="">
<p>Create/edit/delete groups, and define fine-grained authorization rules for members of each group. Users can belong to multiple groups, allowing for versatile manipulation of user permissions.</p>
<button type="button" class="btn btn-modal" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="modal-body">
<div class="col-lg-10 col-lg-offset-1">
<h2>Site settings</h2>
<hr class="star-primary">
<img src="img/portfolio/setting.png" class="img-responsive img-centered" alt="">
<p>Simple interface for the root user (and other administrators, if desired) to change the site title and administrative email, configure user registration and activation settings, and change sitewide default settings. Displays server configuration information and provides access to the PHP error log.</p>
<button type="button" class="btn btn-modal" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="help-modal-question" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="modal-body">
<div class="col-lg-10 col-lg-offset-1">
<h2>Building Your Website with UserFrosting</h2>
<hr class="star-primary">
</div>
<div class="col-lg-10 col-lg-offset-1 text-left">
<p>If you're just getting started with UserFrosting and the code looks completely different from anything you've ever seen before, we recommend that you start with <a href="{{site.url}}/navigating/">Navigating UserFrosting</a>. This will explain the components and practices that UserFrosting uses to do its magic.</p>
<p>If you're having trouble with installation, please see our <a href="{{site.url}}/troubleshooting">troubleshooting guide</a>.</p>
<p>If you feel comfortable with the basic concepts, and were able to install UserFrosting successfully, you can dive into the code with our <a href="{{site.url}}/tutorials">tutorials</a>.</p>
<p>If you have a problem that you've already tried to solve and you can ask a specific, focused question, consider asking on <a href="http://stackoverflow.com">Stack Overflow</a>. Include the relevant code, and any errors reported in your PHP error log and/or browser console. Tag your question with the <code>userfrosting</code> tag, and optionally with any tags specific to the relevant underlying technologies, such as <code>slim</code>, <code>twig</code>, <code>eloquent</code>, <code>composer</code>, etc. You should also mention the version of UserFrosting that you are using.</p>
<p>After posting a question on Stack Overflow, please link to it our <a href="https://chat.userfrosting.com/channel/support">chat room</a>. This will ensure that more people see it, and provide a place where we can discuss and help clarify your question.</p>
<h3>Tips for getting help</h3>
<ul>
<li>Remember that courtesy and proper grammar go a long way. Please take the time to craft a <strong>precise, polite question</strong>. We will do our best to help, but remember that this is an open source project - none of us are getting paid a salary to develop this project, or act as your personal support hotline ;-)</li>
<li>Carefully search <a href="http://stackoverflow.com/tags/userfrosting">Stack Overflow</a>, the <a href="https://github.com/userfrosting/UserFrosting/issues?utf8=%E2%9C%93&q=is%3Aissue">Github issue tracker</a>, and the <a href="https://github.com/userfrosting/UserFrosting/wiki">wiki</a>. Your question may have already been asked and answered before!</li>
<li>Report any error messages you get. There are two main places where you may find error messages:
<ul>
<li>Backend (PHP-related) errors: in your PHP error log. This is usually a file called <code>php_error_log</code> or something like that. In XAMPP, the default location of this file is <code>XAMPP/xamppfiles/logs/</code>. For other web hosting platforms, please consult the documentation or do a quick Google search (i.e. "where is the php error log in _____"). Some web hosts may provide a special interface for accessing the php error log, through ssh, cpanel, etc. Please ask them directly for help with this.
</li>
<li>Frontend (Javascript-related) errors: in your browser's Javascript console. This can be accessed from "Tools->Web Developer" menu in Firefox, or "More tools->Javascript Console" in Chrome. For help with other browsers, please Google "where is the javascript console in ____".
</li>
</ul>
<li>If you find a problem in any of the tutorials, let us know on the Issues page. Also, please feel free to contribute to the <a href="https://github.com/userfrosting/UserFrosting/wiki">wiki</a> if you have something relevant and useful to add.</li>
</ul>
</div>
<div class="col-lg-10 col-lg-offset-1 text-center">
<button type="button" class="btn btn-modal" data-dismiss="modal"><i class="fa fa-times"></i> Ok, got it!</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="help-modal-bug" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="modal-body">
<div class="col-lg-10 col-lg-offset-1">
<h2>Bug Reporting</h2>
<hr class="star-primary">
</div>
<div class="col-lg-10 col-lg-offset-1 text-left">
<p>So, you think you found a bug? Well, please let us know!</p>
<p><strong>But first</strong>, please make sure it is a problem with <i>UserFrosting</i>, and not a problem with the way your server is configured. If you're getting a "white screen of death" when you try to install, there is a good chance that your server is not configured properly. See the <a href="{{site.url}}/troubleshooting">troubleshooting guide</a> for help.</p>
<p>We recommend that you install a local development server on your computer, rather than <a href="https://pbs.twimg.com/media/BxfENwpIYAAcHqQ.png" rel="nofollow">testing your code directly on the production server.</a> This means you can test your code directly on your own computer, making development faster and without the risk of exposing sensitive information to the public. We recommend installing <a href="https://www.apachefriends.org">XAMPP</a> if you don't already have a local server set up.</p>
<p>Please also make sure you check the <a href="{{site.url}}/installation">installation requirements</a>. <strong>Notably, UserFrosting requires PHP 5.4 or higher to work!</strong></p>
<p>If you know all of this already, and you're pretty sure the problem is in our code, please <a href="https://github.com/userfrosting/UserFrosting/issues">open up an issue</a>. Try to provide as much information as possible, including what you were doing when the problem occurred, what type of server you are running on (Apache, IIS, nginx, etc), and any errors in your PHP error log and/or browser console.</p>
<h3>Tips for reporting issues</h3>
<ul>
<li>Remember that courtesy and proper grammar go a long way. Please take the time to craft a <strong>precise, polite issue</strong>. We will do our best to help, but remember that this is an open source project - none of us are getting paid a salary to develop this project, or act as your personal support hotline ;-)</li>
<li>Carefully search the <a href="https://github.com/userfrosting/UserFrosting/issues?utf8=%E2%9C%93&q=is%3Aissue">existing issues</a>, both opened and closed. Your question may have already been asked and answered before!</li>
<li>Report any error messages you get. There are two main places where you may find error messages:
<ul>
<li>Backend (PHP-related) errors: in your PHP error log. This is usually a file called <code>php_error_log</code> or something like that. In XAMPP, the default location of this file is <code>XAMPP/xamppfiles/logs/</code>. For other web hosting platforms, please consult the documentation or do a quick Google search (i.e. "where is the php error log in _____"). Some web hosts may provide a special interface for accessing the php error log, through ssh, cpanel, etc. Please ask them directly for help with this.
</li>
<li>Frontend (Javascript-related) errors: in your browser's Javascript console. This can be accessed from "Tools->Web Developer" menu in Firefox, or "More tools->Javascript Console" in Chrome. For help with other browsers, please Google "where is the javascript console in ____".
</li>
</ul>
<li>If you find a problem in any of the tutorials, let us know on the Issues page. Also, please feel free to contribute to the <a href="https://github.com/userfrosting/UserFrosting/wiki">wiki</a> pages if you have something relevant and useful to add.</li>
</ul>
</div>
<div class="col-lg-10 col-lg-offset-1 text-center">
<button type="button" class="btn btn-modal" data-dismiss="modal"><i class="fa fa-times"></i> Ok, got it!</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="help-modal-request" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="modal-body">
<div class="col-lg-10 col-lg-offset-1">
<h2>Feature Requests</h2>
<hr class="star-primary">
</div>
<div class="col-lg-10 col-lg-offset-1 text-left">
<p>Needless to say, we get tons of feature requests. If you'd like to make a suggestion, you must first search the <a href="https://github.com/userfrosting/UserFrosting/issues?utf8=%E2%9C%93&q=is%3Aissue%20label%3A%22feature%20request%22%20">existing issues</a>, both opened and closed. Your idea may already have been suggested!</p>
<p>If your request doesn't appear to have been made before, you may <a href="https://github.com/userfrosting/UserFrosting/issues/new">open a new issue</a>. Please note that we have a massive "todo" list for UserFrosting, so it may take us a long time to get to your suggestion. If you'd like, you may volunteer to contribute code, or even consider <a href="{{site.url}}/components/#plugins">writing a plugin</a>.</p>
</div>
<div class="col-lg-10 col-lg-offset-1 text-center">
<button type="button" class="btn btn-modal" data-dismiss="modal"><i class="fa fa-times"></i> Ok, got it!</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="help-modal-contribute" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="modal-body">
<div class="col-lg-10 col-lg-offset-1">
<h2>Contributing to UserFrosting</h2>
<hr class="star-primary">
</div>
<div class="col-lg-10 col-lg-offset-1 text-left">
<p>Yes, we'd love your help! Join us in <a href="https://chat.userfrosting.com/channel/support">chat</a> and we can talk about how you can become a contributor.</p>
</div>
<div class="col-lg-10 col-lg-offset-1 text-center">
<button type="button" class="btn btn-modal" data-dismiss="modal"><i class="fa fa-times"></i> Ok, got it!</button>
</div>
</div>
</div>
</div>
</div>
</div>