-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
109 lines (109 loc) · 8.68 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name='viewport' content='width=device-width initial-scale=1'>
<title>flexphpwrapper</title>
<link rel="shortcut icon" href="data:image/x-icon;base64,Qk02AwAAAAAAADYAAAAoAAAAEAAAABAAAAABABgAAAAAAAADAADEDgAAxA4AAAAAAAAAAAAAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICA19fX19fX19fXwICAwICAwICAwICAwICAwICAwICA19fX19fX19fXwICAwICAwICA19fXAAAA19fXwICAwICAwICAwICAwICAwICAwICA19fXAAAA19fXwICAwICAwICA19fXAAAA19fX19fXwICAwICA19fXwICAwICA19fX19fXAAAA19fX19fXwICAwICA19fXAAAAAAAAAAAA19fX19fXAAAA19fX19fXAAAA19fXAAAAAAAAAAAA19fX19fX19fXAAAA19fX19fXAAAA19fXAAAA19fX19fXAAAA19fXAAAA19fX19fXAAAA19fX19fXAAAA19fX19fXAAAA19fXAAAA19fX19fXAAAA19fXAAAA19fX19fXAAAA19fX19fXAAAA19fX19fXAAAA19fXAAAA19fX19fXAAAA19fXAAAA19fX19fXAAAA19fX19fXAAAAAAAAAAAA19fX19fXAAAAAAAAAAAA19fX19fXAAAAAAAAAAAA19fX19fXwICA19fX19fX19fXwICA19fXAAAA19fX19fXwICAwICA19fX19fX19fXwICAwICAwICAwICAwICAwICAwICA19fXAAAA19fXwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICA19fX19fX19fXwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICAwICA">
<style type='text/css'>
html { font-size: 16px; }
body { font-family: "Open Sans", "Clear Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(51, 51, 51); line-height: 1.6; max-width: 860px; padding: 30px 30px 100px; margin: 0 auto; }
a.url { word-break: break-all; }
a:active, a:hover { outline: 0px; }
a { color: rgb(65, 131, 196); }
h1, h2, h3, h4, h5, h6 { break-after: avoid-page; break-inside: avoid; }
h1 { padding-bottom: 0.3em; font-size: 2.25em; line-height: 1.2; border-bottom: 1px solid rgb(238, 238, 238); }
h2 { padding-bottom: 0.3em; font-size: 1.75em; line-height: 1.225; border-bottom: 1px solid rgb(238, 238, 238); }
h3 { font-size: 1.5em; line-height: 1.43; }
h4 { font-size: 1.25em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; color: rgb(119, 119, 119); }
h1, h2, h3, h4, h5, h6, p { margin-top: 1rem; margin-bottom: 1rem; }
p { margin: 0.8em 0px; }
.box { vertical-align: top; display: inline-block; padding: 1em 1.2em 1em 1em; margin: 10px; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08); border-radius: 8px; }
.page { vertical-align: middle; }
ul { list-style: none; }
li { line-height: 250%; }
.drop { cursor: pointer; font-size: 1.5em; margin-top: 0.83em; margin-bottom: 0.83em; margin-left: 0; margin-right: 0; font-weight: bold; }
input[type="checkbox"] { display: none; }
input + .drop + .content { display: none; }
.open, .closed { display: none; vertical-align: text-bottom; }
.closed { margin-left: .12em; }
.drop > .closed { display: inline; }
:checked + .drop > .closed { display: none; }
:checked + .drop > .open { display: inline; }
input:checked + .drop + .content { display: block; }
</style>
</head>
<body>
<h1>flexphpwrapper</h1>
<p>Choose between the different branches for your style of coding in PHP.</p>
<p>Each branch has 2 wrappers, one for the <a href='https://secure.php.net/manual/en/book.mysqli.php'><strong>MySQLi</strong></a> extension and the other for the <a href='https://secure.php.net/manual/en/book.pdo.php'><strong>PDO</strong></a> extension.</p>
<div class="box">
<input id="_1" type="checkbox">
<label class="drop" for="_1">
<svg class="closed" viewBox="0 0 8 16" height="1em" version="1.1" aria-hidden="true"><path fill-rule="evenodd" d="M7.5 8l-5 5L1 11.5 4.75 8 1 4.5 2.5 3l5 5z"/></svg>
<svg class="open" viewBox="0 0 10 16" height="1em" version="1.1" aria-hidden="true"><path fill-rule="evenodd" d="M5 11L0 6l1.5-1.5L5 8.25 8.5 4.5 10 6l-5 5z"/></svg>
Classless
</label>
<ul class="content">
<li>
<svg class="page" viewBox="0 0 12 16" version="1.1" height="1em" aria-hidden="true"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
<a href="https://github.com/joshcangit/flexphpwrapper/tree/classless/pdo/README.md" rel="nofollow" class="d-flex flex-items-center">
<strong>PDO</strong>
</a>
</li>
<li>
<svg class="page" viewBox="0 0 12 16" version="1.1" height="1em" aria-hidden="true"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
<a href="https://github.com/joshcangit/flexphpwrapper/tree/classless/mysqli/README.md" rel="nofollow" class="d-flex flex-items-center">
<strong>MySQLi</strong>
</a>
</li>
</ul>
</div>
<div class="box">
<input id="_2" type="checkbox">
<label class="drop" for="_2">
<svg class="closed" viewBox="0 0 8 16" height="1em" version="1.1" aria-hidden="true"><path fill-rule="evenodd" d="M7.5 8l-5 5L1 11.5 4.75 8 1 4.5 2.5 3l5 5z"/></svg>
<svg class="open" viewBox="0 0 10 16" height="1em" version="1.1" aria-hidden="true"><path fill-rule="evenodd" d="M5 11L0 6l1.5-1.5L5 8.25 8.5 4.5 10 6l-5 5z"/></svg>
Object Oriented
</label>
<ul class="content">
<li>
<svg class="page" viewBox="0 0 12 16" version="1.1" height="1em" aria-hidden="true"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
<a href="https://github.com/joshcangit/flexphpwrapper/tree/oop/pdo/README.md" rel="nofollow" class="d-flex flex-items-center">
<strong>PDO</strong>
</a>
</li>
<li>
<svg class="page" viewBox="0 0 12 16" version="1.1" height="1em" aria-hidden="true"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
<a href="https://github.com/joshcangit/flexphpwrapper/tree/oop/mysqli/README.md" rel="nofollow" class="d-flex flex-items-center">
<strong>MySQLi</strong>
</a>
</li>
</ul>
</div>
<div class="box">
<input id="_4" type="checkbox">
<label class="drop" for="_4">
<svg class="closed" viewBox="0 0 8 16" height="1em" version="1.1" aria-hidden="true"><path fill-rule="evenodd" d="M7.5 8l-5 5L1 11.5 4.75 8 1 4.5 2.5 3l5 5z"/></svg>
<svg class="open" viewBox="0 0 10 16" height="1em" version="1.1" aria-hidden="true"><path fill-rule="evenodd" d="M5 11L0 6l1.5-1.5L5 8.25 8.5 4.5 10 6l-5 5z"/></svg>
Dependency Injection
</label>
<ul class="content">
<li>
<svg class="page" viewBox="0 0 12 16" version="1.1" height="1em" aria-hidden="true"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
<a href="https://github.com/joshcangit/flexphpwrapper/tree/di/pdo/README.md" rel="nofollow" class="d-flex flex-items-center">
<strong>PDO</strong>
</a>
</li>
<li>
<svg class="page" viewBox="0 0 12 16" version="1.1" height="1em" aria-hidden="true"><path fill-rule="evenodd" d="M4 9H3V8h1v1zm0-3H3v1h1V6zm0-2H3v1h1V4zm0-2H3v1h1V2zm8-1v12c0 .55-.45 1-1 1H6v2l-1.5-1.5L3 16v-2H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1zm-1 10H1v2h2v-1h3v1h5v-2zm0-10H2v9h9V1z"/></svg>
<a href="https://github.com/joshcangit/flexphpwrapper/tree/di/mysqli/README.md" rel="nofollow" class="d-flex flex-items-center">
<strong>MySQLi</strong>
</a>
</li>
</ul>
</div>
</body>
</html>