-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
style: 🎨 format
index.html
& convert tab to spaces
- Loading branch information
1 parent
e01663a
commit 695c6c2
Showing
1 changed file
with
166 additions
and
141 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,167 +1,192 @@ | ||
<!DOCTYPE html> | ||
<!doctype html> | ||
<html lang="en"> | ||
|
||
<head> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
<head> | ||
<meta charset="UTF-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<title>Vite + CodeIgniter 4</title> | ||
<style> | ||
#root { | ||
max-width: 1280px; | ||
margin: 0 auto; | ||
padding: 2rem; | ||
text-align: center; | ||
} | ||
|
||
.logo { | ||
height: 8em; | ||
padding: 1.5em; | ||
will-change: filter; | ||
transition: filter 300ms; | ||
} | ||
#root { | ||
max-width: 1280px; | ||
margin: 0 auto; | ||
padding: 2rem; | ||
text-align: center; | ||
} | ||
|
||
.logo:hover { | ||
filter: drop-shadow(0 0 2em #646cffaa); | ||
} | ||
.logo { | ||
height: 8em; | ||
padding: 1.5em; | ||
will-change: filter; | ||
transition: filter 300ms; | ||
} | ||
|
||
.logo.ci4:hover { | ||
filter: drop-shadow(0 0 2em #e14b21); | ||
} | ||
.logo:hover { | ||
filter: drop-shadow(0 0 2em #646cffaa); | ||
} | ||
|
||
@keyframes logo-spin { | ||
from { | ||
transform: scale(1.2); | ||
} | ||
.logo.ci4:hover { | ||
filter: drop-shadow(0 0 2em #e14b21); | ||
} | ||
|
||
to { | ||
transform: scale(1); | ||
} | ||
@keyframes logo-spin { | ||
from { | ||
transform: scale(1.2); | ||
} | ||
|
||
@media (prefers-reduced-motion: no-preference) { | ||
a:nth-of-type(2) .logo { | ||
animation: logo-spin infinite 0.3s linear alternate; | ||
} | ||
to { | ||
transform: scale(1); | ||
} | ||
} | ||
|
||
.read-the-docs { | ||
color: #888; | ||
@media (prefers-reduced-motion: no-preference) { | ||
a:nth-of-type(2) .logo { | ||
animation: logo-spin infinite 0.3s linear alternate; | ||
} | ||
} | ||
|
||
.read-the-docs { | ||
color: #888; | ||
} | ||
</style> | ||
<style> | ||
:root { | ||
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; | ||
line-height: 1.5; | ||
font-weight: 400; | ||
|
||
color-scheme: light dark; | ||
color: rgba(255, 255, 255, 0.87); | ||
background-color: #242424; | ||
|
||
font-synthesis: none; | ||
text-rendering: optimizeLegibility; | ||
-webkit-font-smoothing: antialiased; | ||
-moz-osx-font-smoothing: grayscale; | ||
} | ||
|
||
a { | ||
font-weight: 500; | ||
color: #646cff; | ||
text-decoration: inherit; | ||
} | ||
|
||
a:hover { | ||
color: #535bf2; | ||
} | ||
|
||
body { | ||
margin: 0; | ||
display: flex; | ||
place-items: center; | ||
min-width: 320px; | ||
min-height: 100vh; | ||
} | ||
|
||
h1 { | ||
font-size: 3.2em; | ||
line-height: 1.1; | ||
} | ||
|
||
button { | ||
border-radius: 8px; | ||
border: 1px solid transparent; | ||
padding: 0.6em 1.2em; | ||
font-size: 1em; | ||
font-weight: 500; | ||
font-family: inherit; | ||
background-color: #1a1a1a; | ||
cursor: pointer; | ||
transition: border-color 0.25s; | ||
} | ||
|
||
button:hover { | ||
border-color: #646cff; | ||
} | ||
|
||
button:focus, | ||
button:focus-visible { | ||
outline: 4px auto -webkit-focus-ring-color; | ||
} | ||
|
||
@media (prefers-color-scheme: light) { | ||
:root { | ||
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; | ||
line-height: 1.5; | ||
font-weight: 400; | ||
|
||
color-scheme: light dark; | ||
color: rgba(255, 255, 255, 0.87); | ||
background-color: #242424; | ||
|
||
font-synthesis: none; | ||
text-rendering: optimizeLegibility; | ||
-webkit-font-smoothing: antialiased; | ||
-moz-osx-font-smoothing: grayscale; | ||
} | ||
|
||
a { | ||
font-weight: 500; | ||
color: #646cff; | ||
text-decoration: inherit; | ||
color: #213547; | ||
background-color: #ffffff; | ||
} | ||
|
||
a:hover { | ||
color: #535bf2; | ||
} | ||
|
||
body { | ||
margin: 0; | ||
display: flex; | ||
place-items: center; | ||
min-width: 320px; | ||
min-height: 100vh; | ||
} | ||
|
||
h1 { | ||
font-size: 3.2em; | ||
line-height: 1.1; | ||
color: #747bff; | ||
} | ||
|
||
button { | ||
border-radius: 8px; | ||
border: 1px solid transparent; | ||
padding: 0.6em 1.2em; | ||
font-size: 1em; | ||
font-weight: 500; | ||
font-family: inherit; | ||
background-color: #1a1a1a; | ||
cursor: pointer; | ||
transition: border-color 0.25s; | ||
} | ||
|
||
button:hover { | ||
border-color: #646cff; | ||
} | ||
|
||
button:focus, | ||
button:focus-visible { | ||
outline: 4px auto -webkit-focus-ring-color; | ||
} | ||
|
||
@media (prefers-color-scheme: light) { | ||
:root { | ||
color: #213547; | ||
background-color: #ffffff; | ||
} | ||
|
||
a:hover { | ||
color: #747bff; | ||
} | ||
|
||
button { | ||
background-color: #f9f9f9; | ||
} | ||
background-color: #f9f9f9; | ||
} | ||
} | ||
</style> | ||
</head> | ||
</head> | ||
|
||
<body> | ||
<body> | ||
<div id="root"> | ||
<div> | ||
<a href="https://vitejs.dev" target="_blank"> | ||
<svg class="logo" viewBox="0 0 256 257" xmlns="http://www.w3.org/2000/svg" | ||
xmlns:xlink="http://www.w3.org/1999/xlink"> | ||
<linearGradient id="a" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"> | ||
<stop offset="0" stop-color="#41d1ff" /> | ||
<stop offset="1" stop-color="#bd34fe" /> | ||
</linearGradient> | ||
<linearGradient id="b" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"> | ||
<stop offset="0" stop-color="#ffea83" /> | ||
<stop offset=".08333" stop-color="#ffdd35" /> | ||
<stop offset="1" stop-color="#ffa800" /> | ||
</linearGradient> | ||
<path | ||
d="m255.153 37.938-120.256 215.038c-2.483 4.44-8.862 4.466-11.382.048l-122.64-215.066c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62z" | ||
fill="url(#a)" /> | ||
<path | ||
d="m185.432.063-88.992 17.438a3.268 3.268 0 0 0 -2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028 72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113z" | ||
fill="url(#b)" /> | ||
</svg> | ||
</a> | ||
<a href="https://codeigniter.com/" target="_blank"> | ||
<svg class="logo ci4" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> | ||
<path fill="#e14b21" | ||
d="m8.49 24c-1.54-.68-2.586-2.146-2.723-3.824.09-1.727 1.002-3.305 2.45-4.246-.238.58-.18 1.24.15 1.77.376.525 1.022.777 1.655.646.902-.254 1.43-1.19 1.176-2.092-.09-.316-.27-.602-.516-.818-1.02-.83-1.532-2.133-1.35-3.436.175-.69.557-1.314 1.096-1.785-.405 1.08.737 2.146 1.504 2.67 1.36.816 2.67 1.713 3.924 2.686 1.37 1.08 2.117 2.77 2 4.5-.308 1.84-1.61 3.36-3.385 3.93 3.55-.79 7.21-3.61 7.28-7.61-.07-3.2-1.98-6.072-4.9-7.38h-.13c.065.157.096.326.09.496.01-.11.01-.22 0-.33.016.13.016.26 0 .39-.222.91-1.14 1.47-2.052 1.248-.364-.09-.69-.295-.924-.59-1.17-1.5 0-3.207.196-4.857.12-2.11-.844-4.127-2.554-5.36.856 1.427-.284 3.3-1.113 4.366-.83 1.066-2.03 1.86-3.008 2.79-1.054.98-2.02 2.058-2.887 3.21-1.874 2.29-2.61 5.31-2 8.205.836 2.79 3.155 4.886 6.015 5.43h.016z" /> | ||
</svg> | ||
</a> | ||
</div> | ||
<h1>Vite + CodeIgniter 4</h1> | ||
<p class="read-the-docs">Click on the Vite and CodeIgniter 4 logos to learn more</p> | ||
<p class="read-the-docs"> | ||
Your CodeIgniter 4 app's <span style="color: #e14b21">`baseURL`</span> is: | ||
<a href="{{app.baseURL}}">{{app.baseURL}}</a> | ||
</p> | ||
<div> | ||
<a href="https://vitejs.dev" target="_blank"> | ||
<svg | ||
class="logo" | ||
viewBox="0 0 256 257" | ||
xmlns="http://www.w3.org/2000/svg" | ||
xmlns:xlink="http://www.w3.org/1999/xlink" | ||
> | ||
<linearGradient | ||
id="a" | ||
x1="-.828%" | ||
x2="57.636%" | ||
y1="7.652%" | ||
y2="78.411%" | ||
> | ||
<stop offset="0" stop-color="#41d1ff" /> | ||
<stop offset="1" stop-color="#bd34fe" /> | ||
</linearGradient> | ||
<linearGradient | ||
id="b" | ||
x1="43.376%" | ||
x2="50.316%" | ||
y1="2.242%" | ||
y2="89.03%" | ||
> | ||
<stop offset="0" stop-color="#ffea83" /> | ||
<stop offset=".08333" stop-color="#ffdd35" /> | ||
<stop offset="1" stop-color="#ffa800" /> | ||
</linearGradient> | ||
<path | ||
d="m255.153 37.938-120.256 215.038c-2.483 4.44-8.862 4.466-11.382.048l-122.64-215.066c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62z" | ||
fill="url(#a)" | ||
/> | ||
<path | ||
d="m185.432.063-88.992 17.438a3.268 3.268 0 0 0 -2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028 72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113z" | ||
fill="url(#b)" | ||
/> | ||
</svg> | ||
</a> | ||
<a href="https://codeigniter.com/" target="_blank"> | ||
<svg | ||
class="logo ci4" | ||
viewBox="0 0 24 24" | ||
xmlns="http://www.w3.org/2000/svg" | ||
> | ||
<path | ||
fill="#e14b21" | ||
d="m8.49 24c-1.54-.68-2.586-2.146-2.723-3.824.09-1.727 1.002-3.305 2.45-4.246-.238.58-.18 1.24.15 1.77.376.525 1.022.777 1.655.646.902-.254 1.43-1.19 1.176-2.092-.09-.316-.27-.602-.516-.818-1.02-.83-1.532-2.133-1.35-3.436.175-.69.557-1.314 1.096-1.785-.405 1.08.737 2.146 1.504 2.67 1.36.816 2.67 1.713 3.924 2.686 1.37 1.08 2.117 2.77 2 4.5-.308 1.84-1.61 3.36-3.385 3.93 3.55-.79 7.21-3.61 7.28-7.61-.07-3.2-1.98-6.072-4.9-7.38h-.13c.065.157.096.326.09.496.01-.11.01-.22 0-.33.016.13.016.26 0 .39-.222.91-1.14 1.47-2.052 1.248-.364-.09-.69-.295-.924-.59-1.17-1.5 0-3.207.196-4.857.12-2.11-.844-4.127-2.554-5.36.856 1.427-.284 3.3-1.113 4.366-.83 1.066-2.03 1.86-3.008 2.79-1.054.98-2.02 2.058-2.887 3.21-1.874 2.29-2.61 5.31-2 8.205.836 2.79 3.155 4.886 6.015 5.43h.016z" | ||
/> | ||
</svg> | ||
</a> | ||
</div> | ||
<h1>Vite + CodeIgniter 4</h1> | ||
<p class="read-the-docs"> | ||
Click on the Vite and CodeIgniter 4 logos to learn more | ||
</p> | ||
<p class="read-the-docs"> | ||
Your CodeIgniter 4 app's | ||
<span style="color: #e14b21">`baseURL`</span> is: | ||
<a href="{{app.baseURL}}">{{app.baseURL}}</a> | ||
</p> | ||
</div> | ||
</body> | ||
|
||
</html> | ||
</body> | ||
</html> |