This commit is contained in:
Cody Cook 2024-04-30 01:08:29 -07:00
commit c79cde1afd
4 changed files with 598 additions and 598 deletions

View file

@ -1,53 +1,53 @@
<?php <?php
class Genres class Genres
{ {
private $db; private $db;
private $genres = []; private $genres = [];
public function __construct($db) public function __construct($db)
{ {
$this->db = $db; $this->db = $db;
if (!$this->load_all_genres()) { if (!$this->load_all_genres()) {
return false; return false;
} else { } else {
return true; return true;
} }
} }
private function load_all_genres(): bool private function load_all_genres(): bool
{ {
$genres = $this->get_all_genres(); $genres = $this->get_all_genres();
if ($genres) { if ($genres) {
$this->genres = $genres; $this->genres = $genres;
return true; return true;
} else { } else {
return false; return false;
} }
} }
public function get_all_genres($order = "ASC") public function get_all_genres($order = "ASC")
{ {
$stmt = $this->db->prepare("SELECT * FROM genres ORDER BY name $order"); $stmt = $this->db->prepare("SELECT * FROM genres ORDER BY name $order");
$stmt->execute(); $stmt->execute();
$result = $stmt->get_result(); $result = $stmt->get_result();
$genres = $result->fetch_all(MYSQLI_ASSOC); $genres = $result->fetch_all(MYSQLI_ASSOC);
$stmt->close(); $stmt->close();
return $genres; return $genres;
} }
public function get_nonzero_genres() public function get_nonzero_genres()
{ {
$stmt = $this->db->prepare("SELECT * FROM genres WHERE count > 0 ORDER BY name ASC"); $stmt = $this->db->prepare("SELECT * FROM genres WHERE count > 0 ORDER BY name ASC");
$stmt->execute(); $stmt->execute();
$result = $stmt->get_result(); $result = $stmt->get_result();
$genres = $result->fetch_all(MYSQLI_ASSOC); $genres = $result->fetch_all(MYSQLI_ASSOC);
$stmt->close(); $stmt->close();
return $genres; return $genres;
} }
} }

View file

@ -1,195 +1,195 @@
<?php <?php
class Mix class Mix
{ {
private $id = -1; private $id = -1;
private $enabled = false; private $enabled = false;
private $name = ""; private $name = "";
private $slug = ""; private $slug = "";
private $genre = []; private $genre = [];
private $db = null; private $db = null;
private $description = ""; private $description = "";
private $cover = ""; private $cover = "";
private $url = ""; private $url = "";
private $seconds = 0; private $seconds = 0;
private $mediaplayer = false; private $mediaplayer = false;
private $djs = []; private $djs = [];
private $genres = []; private $genres = [];
private $recorded; private $recorded;
private $created; private $created;
private $updated; private $updated;
private $playcount = 0; private $playcount = 0;
public function __construct($value, $db) public function __construct($value, $db)
{ {
$this->db = $db; $this->db = $db;
if (ctype_digit((string)$value)) { if (ctype_digit((string)$value)) {
$this->id = (int)$value; $this->id = (int)$value;
return $this->load_by_id(); return $this->load_by_id();
} else { } else {
$this->slug = $value; $this->slug = $value;
return $this->load_by_slug(); return $this->load_by_slug();
} }
} }
private function load_by_id(): bool private function load_by_id(): bool
{ {
$mix = $this->get_mix_by_id(); $mix = $this->get_mix_by_id();
if ($mix && $mix['name'] != "") { if ($mix && $mix['name'] != "") {
return $this->build_mix($mix); return $this->build_mix($mix);
} else { } else {
return false; return false;
} }
} }
private function get_mix_by_id() private function get_mix_by_id()
{ {
$stmt = $this->db->prepare("SELECT * FROM mix WHERE id = ?"); $stmt = $this->db->prepare("SELECT * FROM mix WHERE id = ?");
$stmt->bind_param("i", $this->id); $stmt->bind_param("i", $this->id);
$stmt->execute(); $stmt->execute();
$result = $stmt->get_result(); $result = $stmt->get_result();
$mix = $result->fetch_assoc(); $mix = $result->fetch_assoc();
$stmt->close(); $stmt->close();
return $mix; return $mix;
} }
private function get_mix_genres() private function get_mix_genres()
{ {
$stmt = $this->db->prepare("SELECT * FROM mix_meta WHERE attribute = 'genre' AND mix_id = ?"); $stmt = $this->db->prepare("SELECT * FROM mix_meta WHERE attribute = 'genre' AND mix_id = ?");
$stmt->bind_param("i", $this->id); $stmt->bind_param("i", $this->id);
$stmt->execute(); $stmt->execute();
$result = $stmt->get_result(); $result = $stmt->get_result();
$genres = $result->fetch_all(MYSQLI_ASSOC); $genres = $result->fetch_all(MYSQLI_ASSOC);
$stmt->close(); $stmt->close();
return $genres; return $genres;
} }
private function get_playcount() private function get_playcount()
{ {
$stmt = $this->db->prepare("SELECT value FROM mix_meta WHERE attribute = 'playcount' AND mix_id = ?"); $stmt = $this->db->prepare("SELECT value FROM mix_meta WHERE attribute = 'playcount' AND mix_id = ?");
$stmt->bind_param("i", $this->id); $stmt->bind_param("i", $this->id);
$stmt->execute(); $stmt->execute();
$result = $stmt->get_result(); $result = $stmt->get_result();
$genres = $result->fetch_all(MYSQLI_ASSOC); $genres = $result->fetch_all(MYSQLI_ASSOC);
$stmt->close(); $stmt->close();
return $genres; return $genres;
} }
private function load_by_slug(): bool private function load_by_slug(): bool
{ {
$mix = $this->get_mix_by_slug(); $mix = $this->get_mix_by_slug();
if ($mix['title'] != "") { if ($mix['title'] != "") {
return $this->build_mix($mix); return $this->build_mix($mix);
} else { } else {
return false; return false;
} }
} }
private function get_mix_by_slug() private function get_mix_by_slug()
{ {
$stmt = $this->db->prepare("SELECT * FROM mix WHERE slug = ?"); $stmt = $this->db->prepare("SELECT * FROM mix WHERE slug = ?");
$stmt->bind_param("s", $this->slug); $stmt->bind_param("s", $this->slug);
$stmt->execute(); $stmt->execute();
$result = $stmt->get_result(); $result = $stmt->get_result();
$mix = $result->fetch_assoc(); $mix = $result->fetch_assoc();
$stmt->close(); $stmt->close();
return $mix; return $mix;
} }
private function load_mix_genres() private function load_mix_genres()
{ {
$genres = $this->get_mix_genres(); $genres = $this->get_mix_genres();
if (count($genres) == 0) { if (count($genres) == 0) {
$this->genres = []; $this->genres = [];
} else { } else {
// iterate through the genres; add each of the rest to the array // iterate through the genres; add each of the rest to the array
$this->genres = []; $this->genres = [];
require_once 'Genre.php'; require_once 'Genre.php';
foreach ($genres as $genre) { foreach ($genres as $genre) {
$genre = new Genre($genre['value'], $this->db); $genre = new Genre($genre['value'], $this->db);
if ($genre->get_id() != -1) { if ($genre->get_id() != -1) {
$this->genres[] = ['id' => $genre->get_id(), 'name' => $genre->get_name(), 'slug' => $genre->get_slug()]; $this->genres[] = ['id' => $genre->get_id(), 'name' => $genre->get_name(), 'slug' => $genre->get_slug()];
} }
} }
} }
} }
public function get_img(): string public function get_img(): string
{ {
return $this->cover; return $this->cover;
} }
public function get_id(): int public function get_id(): int
{ {
return $this->id; return $this->id;
} }
public function get_name(): string public function get_name(): string
{ {
return $this->name; return $this->name;
} }
public function get_slug(): string public function get_slug(): string
{ {
return $this->slug; return $this->slug;
} }
public function get_djs(){ public function get_djs(){
return $this->djs; return $this->djs;
} }
/** /**
* @param $mix * @param $mix
* @return true * @return true
*/ */
private function build_mix($mix): bool private function build_mix($mix): bool
{ {
$this->id = $mix['id']; $this->id = $mix['id'];
$this->name = $mix['title']; $this->name = $mix['title'];
$this->slug = $mix['slug']; $this->slug = $mix['slug'];
$this->description = $mix['description']; $this->description = $mix['description'];
if (isset($mix['cover'])) { if (isset($mix['cover'])) {
// is this legacy code? // is this legacy code?
// the code is legacy if it starts with /dj/, // the code is legacy if it starts with /dj/,
// if it does, prefix with https://www.utahsdjs.com // if it does, prefix with https://www.utahsdjs.com
if (substr($mix['cover'], 0, 5) == "/djs/") { if (substr($mix['cover'], 0, 5) == "/djs/") {
$mix['cover'] = substr($mix['cover'], 4); $mix['cover'] = substr($mix['cover'], 4);
$this->cover = "https://cdn.utahsdjs.com" . $mix['cover']; $this->cover = "https://cdn.utahsdjs.com" . $mix['cover'];
} else { } else {
$this->cover = $mix['cover']; $this->cover = $mix['cover'];
} }
} }
$this->url = $mix['url']; $this->url = $mix['url'];
$this->seconds = $mix['seconds']; $this->seconds = $mix['seconds'];
$this->mediaplayer = $mix['mediaplayer']; $this->mediaplayer = $mix['mediaplayer'];
$this->recorded = $mix['recorded']; $this->recorded = $mix['recorded'];
$this->created = $mix['created']; $this->created = $mix['created'];
$this->updated = $mix['lastupdated']; $this->updated = $mix['lastupdated'];
$this->enabled = $mix['pending']; $this->enabled = $mix['pending'];
require 'DJ.php'; require 'DJ.php';
$this->djs[] = new DJ($mix['dj1'], $this->db); $this->djs[] = new DJ($mix['dj1'], $this->db);
if ($mix['dj2'] != null) if ($mix['dj2'] != null)
$this->djs[] = new DJ($mix['dj2'], $this->db); $this->djs[] = new DJ($mix['dj2'], $this->db);
if ($mix['dj3'] != null) if ($mix['dj3'] != null)
$this->djs[] = new DJ($mix['dj3'], $this->db); $this->djs[] = new DJ($mix['dj3'], $this->db);
// delete any nulls from the array // delete any nulls from the array
$this->djs = array_filter($this->djs); $this->djs = array_filter($this->djs);
$this->genre = $this->get_mix_genres(); $this->genre = $this->get_mix_genres();
$this->playcount = $this->get_playcount(); $this->playcount = $this->get_playcount();
return true; return true;
} }
} }

View file

@ -1,111 +1,111 @@
<?php <?php
// read toml config file // read toml config file
require_once 'vendor/autoload.php'; require_once 'vendor/autoload.php';
require_once 'functions/i18n.php'; require_once 'functions/i18n.php';
require_once 'classes/Database.php'; require_once 'classes/Database.php';
require_once 'classes/Genres.php'; require_once 'classes/Genres.php';
use Yosymfony\Toml\Toml; use Yosymfony\Toml\Toml;
$config = Toml::ParseFile('includes/config.toml'); $config = Toml::ParseFile('includes/config.toml');
$lang = $_SESSION['lang'] ?? $config['app']['locale']; $lang = $_SESSION['lang'] ?? $config['app']['locale'];
$locale = loadLocale($lang); $locale = loadLocale($lang);
$genresFound = false; $genresFound = false;
// if there's a query parameter named 'dj', load the DJ class // if there's a query parameter named 'dj', load the DJ class
$db = new Database($config); $db = new Database($config);
$genres = new Genres($db); $genres = new Genres($db);
?> ?>
<!doctype html > <!doctype html >
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php echo $config['app']['name']; ?></title> <title><?php echo $config['app']['name']; ?></title>
<link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet">
<link href="fontawesome/css/all.css" rel="stylesheet"/> <link href="fontawesome/css/all.css" rel="stylesheet"/>
<style> <style>
.card { .card {
height: 160px; height: 160px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
} }
.card-body { .card-body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.card-title { .card-title {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.card-text { .card-text {
flex-grow: 1; flex-grow: 1;
} }
.btn { .btn {
margin-top: auto; margin-top: auto;
} }
</style> </style>
</head> </head>
<body style="background-color: #eee;"> <body style="background-color: #eee;">
<?php require 'navbar.php'; ?> <?php require 'navbar.php'; ?>
<section style="background-color: #eee;"> <section style="background-color: #eee;">
<div class="container py-5"> <div class="container py-5">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<nav aria-label="breadcrumb" class="bg-body-tertiary rounded-3 p-3 mb-4"> <nav aria-label="breadcrumb" class="bg-body-tertiary rounded-3 p-3 mb-4">
<ol class="breadcrumb mb-0"> <ol class="breadcrumb mb-0">
<li class="breadcrumb-item"><a href="/"><?php echo $locale['home']; ?></a></li> <li class="breadcrumb-item"><a href="/"><?php echo $locale['home']; ?></a></li>
<li class="breadcrumb-item active"><a href="/genres.php"><?php echo $locale['genres']; ?></a> <li class="breadcrumb-item active"><a href="/genres.php"><?php echo $locale['genres']; ?></a>
</li> </li>
</ol> </ol>
</nav> </nav>
</div> </div>
</div> </div>
<?php <?php
// we have a list of genres; we need to create them as cards // we have a list of genres; we need to create them as cards
// loop through $genres->get_all_genres // loop through $genres->get_all_genres
// create a card for each genre, 4 max per row // create a card for each genre, 4 max per row
$genres = $genres->get_nonzero_genres(); $genres = $genres->get_nonzero_genres();
$count = 0; $count = 0;
foreach ($genres as $genre) { foreach ($genres as $genre) {
if ($count % 4 == 0) { if ($count % 4 == 0) {
echo '<div class="row">'; echo '<div class="row">';
} }
echo '<div class="col-md-3">'; echo '<div class="col-md-3">';
echo '<div class="card mb-4">'; echo '<div class="card mb-4">';
echo '<div class="card-body">'; echo '<div class="card-body">';
echo '<h5 class="card-title" title="'.$genre['name'].'">' . $genre['name'] . '</h5>'; echo '<h5 class="card-title" title="'.$genre['name'].'">' . $genre['name'] . '</h5>';
echo '<p class="card-text">' . $genre['count'] . ' ' ; echo '<p class="card-text">' . $genre['count'] . ' ' ;
if ($genre['count'] == 1) { if ($genre['count'] == 1) {
echo $locale['mix']; echo $locale['mix'];
} else { } else {
echo $locale['mixes']; echo $locale['mixes'];
} }
echo '</p>'; echo '</p>';
echo '<a href="/genre.php?genre=' . $genre['slug'] . '" class="btn btn-primary">' . $locale['view'] . '</a>'; echo '<a href="/genre.php?genre=' . $genre['slug'] . '" class="btn btn-primary">' . $locale['view'] . '</a>';
echo '</div>'; echo '</div>';
echo '</div>'; echo '</div>';
echo '</div>'; echo '</div>';
if ($count % 4 == 3) { if ($count % 4 == 3) {
echo '</div>'; echo '</div>';
} }
$count++; $count++;
} }
?> ?>
</div> </div>
</section> </section>
</body> </body>
</html> </html>

482
mix.php
View file

@ -1,242 +1,242 @@
<?php <?php
// read toml config file // read toml config file
require_once 'vendor/autoload.php'; require_once 'vendor/autoload.php';
require_once 'functions/i18n.php'; require_once 'functions/i18n.php';
require_once 'classes/Database.php'; require_once 'classes/Database.php';
require_once 'classes/Mix.php'; require_once 'classes/Mix.php';
use Yosymfony\Toml\Toml; use Yosymfony\Toml\Toml;
$config = Toml::ParseFile('includes/config.toml'); $config = Toml::ParseFile('includes/config.toml');
$lang = $_SESSION['lang'] ?? $config['app']['locale']; $lang = $_SESSION['lang'] ?? $config['app']['locale'];
$locale = loadLocale($lang); $locale = loadLocale($lang);
// if there's a query parameter named 'dj', load the Mix class // if there's a query parameter named 'dj', load the Mix class
$db = new Database($config); $db = new Database($config);
$mixFound = false; $mixFound = false;
if (isset($_GET['mix']) && $_GET['mix'] != "") { if (isset($_GET['mix']) && $_GET['mix'] != "") {
$mix = new Mix($_GET['mix'], $db); $mix = new Mix($_GET['mix'], $db);
if ($mix->get_name() != "") { if ($mix->get_name() != "") {
$mixFound = true; $mixFound = true;
} }
} }
?> ?>
<!doctype html > <!doctype html >
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php echo $config['app']['name']; ?></title> <title><?php echo $config['app']['name']; ?></title>
<link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap.min.css" rel="stylesheet">
<link href="fontawesome/css/all.css" rel="stylesheet"/> <link href="fontawesome/css/all.css" rel="stylesheet"/>
</head> </head>
<body style="background-color: #eee;"> <body style="background-color: #eee;">
<?php require 'navbar.php'; ?> <?php require 'navbar.php'; ?>
<section style="background-color: #eee;"> <section style="background-color: #eee;">
<div class="container py-5"> <div class="container py-5">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<nav aria-label="breadcrumb" class="bg-body-tertiary rounded-3 p-3 mb-4"> <nav aria-label="breadcrumb" class="bg-body-tertiary rounded-3 p-3 mb-4">
<ol class="breadcrumb mb-0"> <ol class="breadcrumb mb-0">
<li class="breadcrumb-item"><a href="/"><?php echo $locale['home']; ?></a></li> <li class="breadcrumb-item"><a href="/"><?php echo $locale['home']; ?></a></li>
<li class="breadcrumb-item"><a href="/mixes.php"><?php echo $locale['mixes']; ?></a></li> <li class="breadcrumb-item"><a href="/mixes.php"><?php echo $locale['mixes']; ?></a></li>
<li class="breadcrumb-item active" <li class="breadcrumb-item active"
aria-current="page"><?php aria-current="page"><?php
if ($mix && $mix->get_name() != "") { if ($mix && $mix->get_name() != "") {
echo $mix->get_name(); echo $mix->get_name();
} else { } else {
echo $locale['notfound']; echo $locale['notfound'];
} }
?></li> ?></li>
</ol> </ol>
</nav> </nav>
</div> </div>
</div> </div>
<?php if ($mixFound): ?> <?php if ($mixFound): ?>
<div class="row"> <div class="row">
<div class="col-lg-4"> <div class="col-lg-4">
<div class="card mb-4"> <div class="card mb-4">
<div class="card-body text-center"> <div class="card-body text-center">
<img src="<?php echo $mix->get_img(); ?>" <img src="<?php echo $mix->get_img(); ?>"
alt="avatar" alt="avatar"
class="img-fluid" style="width: 150px;"> class="img-fluid" style="width: 150px;">
<h5 class="my-3"><?php echo $mix->get_name(); <h5 class="my-3"><?php echo $mix->get_name();
?></h5> ?></h5>
</p> </p>
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-8"> <div class="col-lg-8">
<div class="card mb-4"> <div class="card mb-4">
<div class="card-body"> <div class="card-body">
<div class="row"> <div class="row">
<div class="col-sm-3"> <div class="col-sm-3">
<p class="mb-0"><?php echo $locale['mixname'] ?></p> <p class="mb-0"><?php echo $locale['mixname'] ?></p>
</div> </div>
<div class="col-sm-9"> <div class="col-sm-9">
<p class="text-muted mb-0"><?php echo $mix->get_name(); ?></p> <p class="text-muted mb-0"><?php echo $mix->get_name(); ?></p>
</div> </div>
</div> </div>
<hr> <hr>
<div class="row"> <div class="row">
<div class="col-sm-3"> <div class="col-sm-3">
<p class="mb-0"><?php echo $locale['djs'] ?></p> <p class="mb-0"><?php echo $locale['djs'] ?></p>
</div> </div>
<div class="col-sm-9"> <div class="col-sm-9">
<p class="text-muted mb-0"> <p class="text-muted mb-0">
<?php <?php
// loop through the $mix['djs'] array and output them in comma separated format // loop through the $mix['djs'] array and output them in comma separated format
$djs = $mix->get_djs(); $djs = $mix->get_djs();
$djCount = count($djs); $djCount = count($djs);
$i = 0; $i = 0;
foreach ($djs as $dj) { foreach ($djs as $dj) {
echo "<a href='/dj.php?dj="; echo "<a href='/dj.php?dj=";
echo $dj->get_slug(); echo $dj->get_slug();
echo "'>" . $dj->get_name() . "</a>"; echo "'>" . $dj->get_name() . "</a>";
if ($i < $djCount - 1) { if ($i < $djCount - 1) {
echo ", "; echo ", ";
} }
$i++; $i++;
} }
?> ?>
</p> </p>
</div> </div>
</div> </div>
<hr> <hr>
<div class="row"> <div class="row">
<div class="col-sm-3"> <div class="col-sm-3">
<p class="mb-0">Phone</p> <p class="mb-0">Phone</p>
</div> </div>
<div class="col-sm-9"> <div class="col-sm-9">
<p class="text-muted mb-0">(097) 234-5678</p> <p class="text-muted mb-0">(097) 234-5678</p>
</div> </div>
</div> </div>
<hr> <hr>
<div class="row"> <div class="row">
<div class="col-sm-3"> <div class="col-sm-3">
<p class="mb-0">Mobile</p> <p class="mb-0">Mobile</p>
</div> </div>
<div class="col-sm-9"> <div class="col-sm-9">
<p class="text-muted mb-0">(098) 765-4321</p> <p class="text-muted mb-0">(098) 765-4321</p>
</div> </div>
</div> </div>
<hr> <hr>
<div class="row"> <div class="row">
<div class="col-sm-3"> <div class="col-sm-3">
<p class="mb-0">Address</p> <p class="mb-0">Address</p>
</div> </div>
<div class="col-sm-9"> <div class="col-sm-9">
<p class="text-muted mb-0">Bay Area, San Francisco, CA</p> <p class="text-muted mb-0">Bay Area, San Francisco, CA</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<div class="card mb-4 mb-md-0"> <div class="card mb-4 mb-md-0">
<div class="card-body"> <div class="card-body">
<p class="mb-4"><span class="text-primary font-italic me-1">assigment</span> Project <p class="mb-4"><span class="text-primary font-italic me-1">assigment</span> Project
Status Status
</p> </p>
<p class="mb-1" style="font-size: .77rem;">Web Design</p> <p class="mb-1" style="font-size: .77rem;">Web Design</p>
<div class="progress rounded" style="height: 5px;"> <div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 80%" <div class="progress-bar" role="progressbar" style="width: 80%"
aria-valuenow="80" aria-valuenow="80"
aria-valuemin="0" aria-valuemax="100"></div> aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
<p class="mt-4 mb-1" style="font-size: .77rem;">Website Markup</p> <p class="mt-4 mb-1" style="font-size: .77rem;">Website Markup</p>
<div class="progress rounded" style="height: 5px;"> <div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 72%" <div class="progress-bar" role="progressbar" style="width: 72%"
aria-valuenow="72" aria-valuenow="72"
aria-valuemin="0" aria-valuemax="100"></div> aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
<p class="mt-4 mb-1" style="font-size: .77rem;">One Page</p> <p class="mt-4 mb-1" style="font-size: .77rem;">One Page</p>
<div class="progress rounded" style="height: 5px;"> <div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 89%" <div class="progress-bar" role="progressbar" style="width: 89%"
aria-valuenow="89" aria-valuenow="89"
aria-valuemin="0" aria-valuemax="100"></div> aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
<p class="mt-4 mb-1" style="font-size: .77rem;">Mobile Template</p> <p class="mt-4 mb-1" style="font-size: .77rem;">Mobile Template</p>
<div class="progress rounded" style="height: 5px;"> <div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 55%" <div class="progress-bar" role="progressbar" style="width: 55%"
aria-valuenow="55" aria-valuenow="55"
aria-valuemin="0" aria-valuemax="100"></div> aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
<p class="mt-4 mb-1" style="font-size: .77rem;">Backend API</p> <p class="mt-4 mb-1" style="font-size: .77rem;">Backend API</p>
<div class="progress rounded mb-2" style="height: 5px;"> <div class="progress rounded mb-2" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 66%" <div class="progress-bar" role="progressbar" style="width: 66%"
aria-valuenow="66" aria-valuenow="66"
aria-valuemin="0" aria-valuemax="100"></div> aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div class="card mb-4 mb-md-0"> <div class="card mb-4 mb-md-0">
<div class="card-body"> <div class="card-body">
<p class="mb-4"><span class="text-primary font-italic me-1">assigment</span> Project <p class="mb-4"><span class="text-primary font-italic me-1">assigment</span> Project
Status Status
</p> </p>
<p class="mb-1" style="font-size: .77rem;">Web Design</p> <p class="mb-1" style="font-size: .77rem;">Web Design</p>
<div class="progress rounded" style="height: 5px;"> <div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 80%" <div class="progress-bar" role="progressbar" style="width: 80%"
aria-valuenow="80" aria-valuenow="80"
aria-valuemin="0" aria-valuemax="100"></div> aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
<p class="mt-4 mb-1" style="font-size: .77rem;">Website Markup</p> <p class="mt-4 mb-1" style="font-size: .77rem;">Website Markup</p>
<div class="progress rounded" style="height: 5px;"> <div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 72%" <div class="progress-bar" role="progressbar" style="width: 72%"
aria-valuenow="72" aria-valuenow="72"
aria-valuemin="0" aria-valuemax="100"></div> aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
<p class="mt-4 mb-1" style="font-size: .77rem;">One Page</p> <p class="mt-4 mb-1" style="font-size: .77rem;">One Page</p>
<div class="progress rounded" style="height: 5px;"> <div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 89%" <div class="progress-bar" role="progressbar" style="width: 89%"
aria-valuenow="89" aria-valuenow="89"
aria-valuemin="0" aria-valuemax="100"></div> aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
<p class="mt-4 mb-1" style="font-size: .77rem;">Mobile Template</p> <p class="mt-4 mb-1" style="font-size: .77rem;">Mobile Template</p>
<div class="progress rounded" style="height: 5px;"> <div class="progress rounded" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 55%" <div class="progress-bar" role="progressbar" style="width: 55%"
aria-valuenow="55" aria-valuenow="55"
aria-valuemin="0" aria-valuemax="100"></div> aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
<p class="mt-4 mb-1" style="font-size: .77rem;">Backend API</p> <p class="mt-4 mb-1" style="font-size: .77rem;">Backend API</p>
<div class="progress rounded mb-2" style="height: 5px;"> <div class="progress rounded mb-2" style="height: 5px;">
<div class="progress-bar" role="progressbar" style="width: 66%" <div class="progress-bar" role="progressbar" style="width: 66%"
aria-valuenow="66" aria-valuenow="66"
aria-valuemin="0" aria-valuemax="100"></div> aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<?php else: ?> <?php else: ?>
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<div class="alert alert-danger" role="alert"> <div class="alert alert-danger" role="alert">
<?php echo $locale['djNotFound']; ?> <?php echo $locale['djNotFound']; ?>
</div> </div>
</div> </div>
</div> </div>
<?php endif; <?php endif;
?> ?>
</div> </div>
</section> </section>
</body> </body>
</html> </html>