Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Browse the repository at this point in the history
initial commit
- Loading branch information
0 parents
commit 154f8a5
Showing
76 changed files
with
13,743 additions
and
0 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 |
---|---|---|
@@ -0,0 +1 @@ | ||
.DS_Store |
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 |
---|---|---|
@@ -0,0 +1,22 @@ | ||
# PHP Website | ||
This exercise allows you to practice includes, conditional logic, comparison operators and control structures. | ||
|
||
## (Real-World) Premise | ||
You are taking a static website and converting it to PHP. This will allow you to easily add pages and navigation by simply modifying PHP variables, instead of doing a find/replace on every page of your website. | ||
|
||
## Getting Started | ||
1. Clone or download this repository. | ||
2. In your terminal, enter the `php-website` directory. | ||
3. Run `php -S localhost:8000` to start the local webserver. | ||
|
||
## Instructions | ||
1. Visit http://localhost:8000/theme-src/ - This is the static HTML site. Use this for reference only. | ||
2. In a new tab, visit http://localhost:8000/www/index.php - This is your PHP version. | ||
3. Open `www/index.php` in your editor and include `config.php` at the top of your page. | ||
4. Use includes to add each of the four partials where indicated. | ||
5. Open `www/_partials/header.php` and use a `foreach` loop to output your navigation. | ||
6. Use an `if` statement to add the `current` class to correct <li> tag. | ||
7. Open `www/_partials/scripts.php` and use a `foreach` loop to output your scripts. | ||
8. Duplicate `index.php` as `about.php` and `contact.php`. | ||
9. Change the content of `about.php` to resemble `theme-src/left-sidebar.html`. | ||
10. Change the content of `contact.php` to resemble `theme-src/right-sidebar.html`. |
Large diffs are not rendered by default.
Oops, something went wrong.
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 |
---|---|---|
@@ -0,0 +1,34 @@ | ||
Verti by HTML5 UP | ||
html5up.net | @ajlkn | ||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) | ||
|
||
|
||
A super simple + modern responsive website template. Took a slightly different direction | ||
on the mobile version's slide out nav (floating button versus a full on titlebar). | ||
|
||
Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images | ||
you can use for pretty much whatever. | ||
|
||
(* = Not included) | ||
|
||
Feedback, bug reports, and comments are not only welcome, but strongly encouraged :) | ||
|
||
AJ | ||
aj@lkn.io | @ajlkn | ||
|
||
|
||
Credits: | ||
|
||
Demo Images: | ||
Unsplash (unsplash.com) | ||
|
||
Icons: | ||
Font Awesome (fortawesome.github.com/Font-Awesome) | ||
|
||
Other: | ||
jQuery (jquery.com) | ||
html5shiv.js (@afarkas @jdalton @jon_neal @rem) | ||
CSS3 Pie (css3pie.com) | ||
Respond.js (j.mp/respondjs) | ||
jquery.dropotron (@ajlkn) | ||
Skel (skel.io) |
Large diffs are not rendered by default.
Oops, something went wrong.
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 |
---|---|---|
@@ -0,0 +1,65 @@ | ||
/* | ||
Verti by HTML5 UP | ||
html5up.net | @ajlkn | ||
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) | ||
*/ | ||
|
||
/* Basic */ | ||
|
||
body { | ||
background-color: #f0f0f0; | ||
} | ||
|
||
/* Image */ | ||
|
||
.image img { | ||
position: relative; | ||
-ms-behavior: url("assets/js/ie/PIE.htc"); | ||
} | ||
|
||
/* Button */ | ||
|
||
input[type="button"], | ||
input[type="submit"], | ||
input[type="reset"], | ||
.button, | ||
button { | ||
position: relative; | ||
-ms-behavior: url("assets/js/ie/PIE.htc"); | ||
} | ||
|
||
/* Widgets */ | ||
|
||
.box, | ||
.widget.contact ul li a { | ||
position: relative; | ||
-ms-behavior: url("assets/js/ie/PIE.htc"); | ||
} | ||
|
||
/* Header */ | ||
|
||
#logo h1 { | ||
position: relative; | ||
-ms-behavior: url("assets/js/ie/PIE.htc"); | ||
} | ||
|
||
/* Nav */ | ||
|
||
#nav ul li a, #nav ul li span { | ||
position: relative; | ||
-ms-behavior: url("assets/js/ie/PIE.htc"); | ||
} | ||
|
||
.dropotron { | ||
border: solid 1px #eee; | ||
box-shadow: none !important; | ||
-ms-behavior: url("assets/js/ie/PIE.htc"); | ||
} | ||
|
||
.dropotron.level-0 { | ||
box-shadow: none !important; | ||
} | ||
|
||
.dropotron.level-0:before { | ||
display: none; | ||
} |
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.