|
5 | 5 | <meta name="viewport" |
6 | 6 | content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> |
7 | 7 | <meta http-equiv="X-UA-Compatible" content="ie=edge"> |
8 | | - <title>Document</title> |
| 8 | + <title>Lamp Docker PHP skeleton</title> |
9 | 9 | <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> |
10 | 10 | </head> |
11 | 11 | <body> |
| 12 | +<div class="px-4 bg-dark text-secondary py-5 text-center"> |
| 13 | + <h1 class="display-5 fw-bold text-white">Lamp Docker PHP skeleton</h1> |
| 14 | + <div class="col-lg-6 mx-auto"> |
| 15 | + <p class="lead mb-4">Stop installing the entire development stack on your local machine. This project will allow you to quickly start working with php. To install, you need to install docker locally.</p> |
| 16 | + <div class="d-grid gap-2 d-sm-flex justify-content-sm-center"> |
| 17 | + <a href="https://github.com/krepysh-spec/lamp-docker-php-skeleton" target="_blank" class="btn btn-default btn-lg px-4 gap-3">View on GitHub</a> |
| 18 | + </div> |
| 19 | + </div> |
| 20 | +</div> |
12 | 21 | <div class="container mt-5"> |
13 | 22 | <div class="row"> |
14 | 23 | <div class="col-md-12"> |
15 | | - <ol class="list-group list-group-numbered"> |
16 | | - <li class="list-group-item d-flex justify-content-between align-items-start"> |
17 | | - <div class="ms-2 me-auto"> |
18 | | - <div class="fw-bold">Mysql</div> |
19 | | - Content to database: |
20 | | - </div> |
21 | | - <span class="badge bg-primary rounded-pill"><?= $databaseConnectionStatus ? 'Success': 'Error' ?></span> |
| 24 | + <ul class="nav nav-tabs justify-content-center" id="myTab" role="tablist"> |
| 25 | + <li class="nav-item" role="presentation"> |
| 26 | + <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">PHP info</button> |
22 | 27 | </li> |
23 | | - <li class="list-group-item d-flex justify-content-between align-items-start"> |
24 | | - <div class="ms-2 me-auto"> |
25 | | - <div class="fw-bold">Redis</div> |
26 | | - Connect to redis: |
27 | | - </div> |
28 | | - <span class="badge bg-primary rounded-pill"><?= $redisConnectionStatus ? 'Success': 'Error' ?></span> |
| 28 | + <li class="nav-item" role="presentation"> |
| 29 | + <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">XDebug info</button> |
29 | 30 | </li> |
30 | | - </ol> |
| 31 | + <li class="nav-item" role="presentation"> |
| 32 | + <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">Mysql</button> |
| 33 | + </li> |
| 34 | + <li class="nav-item" role="presentation"> |
| 35 | + <button class="nav-link" id="redis-tab" data-bs-toggle="tab" data-bs-target="#redis" type="button" role="tab" aria-controls="redis" aria-selected="false">Redis</button> |
| 36 | + </li> |
| 37 | + </ul> |
| 38 | + <div class="tab-content" id="myTabContent"> |
| 39 | + <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab"> |
| 40 | + <?php phpinfo() ?> |
| 41 | + </div> |
| 42 | + <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab"> |
| 43 | + <?php xdebug_info() ?> |
| 44 | + </div> |
| 45 | + <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab"> |
| 46 | + <ol class="list-group list-group-numbered"> |
| 47 | + <li class="list-group-item d-flex justify-content-between align-items-start"> |
| 48 | + <div class="ms-2 me-auto"> |
| 49 | + <div class="fw-bold">Mysql</div> |
| 50 | + Content to database: |
| 51 | + </div> |
| 52 | + <span class="badge bg-primary rounded-pill"><?= $databaseConnectionStatus ? 'Success': 'Error' ?></span> |
| 53 | + </li> |
| 54 | + </ol> |
| 55 | + </div> |
| 56 | + <div class="tab-pane fade" id="redis" role="tabpanel" aria-labelledby="redis-tab"> |
| 57 | + <ol class="list-group list-group-numbered"> |
| 58 | + <li class="list-group-item d-flex justify-content-between align-items-start"> |
| 59 | + <div class="ms-2 me-auto"> |
| 60 | + <div class="fw-bold">Redis</div> |
| 61 | + Connect to redis: |
| 62 | + </div> |
| 63 | + <span class="badge bg-primary rounded-pill"><?= $redisConnectionStatus ? 'Success': 'Error' ?></span> |
| 64 | + </li> |
| 65 | + </ol> |
| 66 | + </div> |
| 67 | + </div> |
31 | 68 | </div> |
32 | 69 | </div> |
33 | 70 | </div> |
34 | | -<div class="container"> |
35 | | - <div class="row"> |
36 | | - <div class="col-md-6"> |
37 | 71 |
|
38 | | - </div> |
39 | | - <div class="col-md-6"> |
40 | | - |
41 | | - </div> |
42 | | - </div> |
43 | | -</div> |
| 72 | +<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script> |
44 | 73 | </body> |
45 | 74 | </html> |
0 commit comments