FontAwesome should have never copied over
This commit is contained in:
parent
9a3d58fc83
commit
88467e124d
6 changed files with 932 additions and 931 deletions
356
classes/DJ.php
356
classes/DJ.php
|
|
@ -1,179 +1,179 @@
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
class DJ
|
class DJ
|
||||||
{
|
{
|
||||||
|
|
||||||
private int $id = -1;
|
private int $id = -1;
|
||||||
private string $name = "";
|
private string $name = "";
|
||||||
private string $bio = "";
|
private string $bio = "";
|
||||||
private string $slug = "";
|
private string $slug = "";
|
||||||
private string $img = "img/no-image1.png";
|
private string $img = "img/no-image1.png";
|
||||||
private bool $active = false;
|
private bool $active = false;
|
||||||
private bool $claimed = false;
|
private bool $claimed = false;
|
||||||
private string $email = "";
|
private string $email = "";
|
||||||
private array $socials = [];
|
private array $socials = [];
|
||||||
|
|
||||||
private string $created = "";
|
private string $created = "";
|
||||||
private string $updated = "";
|
private string $updated = "";
|
||||||
private string $claimed_by = "";
|
private string $claimed_by = "";
|
||||||
private $db = null;
|
private $db = null;
|
||||||
|
|
||||||
|
|
||||||
public function __construct($slug, $db)
|
public function __construct($slug, $db)
|
||||||
{
|
{
|
||||||
$this->slug = $slug;
|
$this->slug = $slug;
|
||||||
$this->db = $db;
|
$this->db = $db;
|
||||||
if (!$this->load_from_slug()) {
|
if (!$this->load_from_slug()) {
|
||||||
return false;
|
return false;
|
||||||
} else {
|
} else {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
private function load_from_slug(): bool
|
private function load_from_slug(): bool
|
||||||
{
|
{
|
||||||
$socials = [];
|
$socials = [];
|
||||||
$dj = $this->get_dj_by_slug($this->slug);
|
$dj = $this->get_dj_by_slug($this->slug);
|
||||||
if ($dj) {
|
if ($dj) {
|
||||||
if (isset($dj['id'])) {
|
if (isset($dj['id'])) {
|
||||||
$this->id = $dj['id'];
|
$this->id = $dj['id'];
|
||||||
}
|
}
|
||||||
if (isset($dj['name'])) {
|
if (isset($dj['name'])) {
|
||||||
$this->name = $dj['name'];
|
$this->name = $dj['name'];
|
||||||
}
|
}
|
||||||
if (isset($dj['bio'])) {
|
if (isset($dj['bio'])) {
|
||||||
$this->bio = $dj['bio'];
|
$this->bio = $dj['bio'];
|
||||||
}
|
}
|
||||||
if (isset($dj['img'])) {
|
if (isset($dj['img'])) {
|
||||||
|
|
||||||
// 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($dj['img'], 0, 5) == "/djs/") {
|
if (substr($dj['img'], 0, 5) == "/djs/") {
|
||||||
// remove /djs/ from the string
|
// remove /djs/ from the string
|
||||||
$dj['img'] = substr($dj['img'], 4);
|
$dj['img'] = substr($dj['img'], 4);
|
||||||
$this->img = "https://cdn.utahsdjs.com" . $dj['img'];
|
$this->img = "https://cdn.utahsdjs.com" . $dj['img'];
|
||||||
} else {
|
} else {
|
||||||
$this->img = $dj['img'];
|
$this->img = $dj['img'];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (isset($dj['email'])) {
|
if (isset($dj['email'])) {
|
||||||
$this->email = $dj['email'];
|
$this->email = $dj['email'];
|
||||||
}
|
}
|
||||||
|
|
||||||
if (isset($dj['facebook_url'])) {
|
if (isset($dj['facebook_url'])) {
|
||||||
$this->socials['facebook'] = $dj['facebook_url'];
|
$this->socials['facebook'] = $dj['facebook_url'];
|
||||||
}
|
}
|
||||||
if (isset($dj['instagram_url'])) {
|
if (isset($dj['instagram_url'])) {
|
||||||
$this->socials['instagram'] = $dj['instagram_url'];
|
$this->socials['instagram'] = $dj['instagram_url'];
|
||||||
}
|
}
|
||||||
if (isset($dj['twitter_url'])) {
|
if (isset($dj['twitter_url'])) {
|
||||||
$this->socials['twitter'] = $dj['twitter_url'];
|
$this->socials['twitter'] = $dj['twitter_url'];
|
||||||
}
|
}
|
||||||
|
|
||||||
if (isset($dj['myspace_url'])) {
|
if (isset($dj['myspace_url'])) {
|
||||||
$this->socials['myspace'] = $dj['myspace_url'];
|
$this->socials['myspace'] = $dj['myspace_url'];
|
||||||
}
|
}
|
||||||
if (isset($dj['soundcloud_url'])) {
|
if (isset($dj['soundcloud_url'])) {
|
||||||
$this->socials['soundcloud'] = $dj['soundcloud_url'];
|
$this->socials['soundcloud'] = $dj['soundcloud_url'];
|
||||||
}
|
}
|
||||||
if (isset($dj['mixcloud_url'])) {
|
if (isset($dj['mixcloud_url'])) {
|
||||||
$this->socials['mixcloud'] = $dj['mixcloud_url'];
|
$this->socials['mixcloud'] = $dj['mixcloud_url'];
|
||||||
}
|
}
|
||||||
if (isset($dj['spotify_url'])) {
|
if (isset($dj['spotify_url'])) {
|
||||||
$this->socials['spotify'] = $dj['spotify_url'];
|
$this->socials['spotify'] = $dj['spotify_url'];
|
||||||
}
|
}
|
||||||
|
|
||||||
if (isset($dj['active'])) {
|
if (isset($dj['active'])) {
|
||||||
$this->active = $dj['active'];
|
$this->active = $dj['active'];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
if (isset($dj['claimed_by']) && $dj['claimed_by'] != null) {
|
if (isset($dj['claimed_by']) && $dj['claimed_by'] != null) {
|
||||||
// TODO: pull some quick data on the user who claimed this DJ
|
// TODO: pull some quick data on the user who claimed this DJ
|
||||||
$this->claimed = true;
|
$this->claimed = true;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (isset($dj['created'])) {
|
if (isset($dj['created'])) {
|
||||||
$this->created = $dj['created'];
|
$this->created = $dj['created'];
|
||||||
}
|
}
|
||||||
if (isset($dj['updated'])) {
|
if (isset($dj['updated'])) {
|
||||||
$this->updated = $dj['updated'];
|
$this->updated = $dj['updated'];
|
||||||
}
|
}
|
||||||
|
|
||||||
return true;
|
return true;
|
||||||
} else {
|
} else {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
private function get_dj_by_slug($slug)
|
private function get_dj_by_slug($slug)
|
||||||
{
|
{
|
||||||
$stmt = $this->db->prepare("SELECT * FROM djs WHERE slug = ?");
|
$stmt = $this->db->prepare("SELECT * FROM djs WHERE slug = ?");
|
||||||
$stmt->bind_param("s", $slug);
|
$stmt->bind_param("s", $slug);
|
||||||
$stmt->execute();
|
$stmt->execute();
|
||||||
$result = $stmt->get_result();
|
$result = $stmt->get_result();
|
||||||
$dj = $result->fetch_assoc();
|
$dj = $result->fetch_assoc();
|
||||||
$stmt->close();
|
$stmt->close();
|
||||||
return $dj;
|
return $dj;
|
||||||
}
|
}
|
||||||
|
|
||||||
public function get_slug(): string
|
public function get_slug(): string
|
||||||
{
|
{
|
||||||
return $this->slug;
|
return $this->slug;
|
||||||
}
|
}
|
||||||
|
|
||||||
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_bio(): string
|
public function get_bio(): string
|
||||||
{
|
{
|
||||||
return $this->bio;
|
return $this->bio;
|
||||||
}
|
}
|
||||||
|
|
||||||
public function get_img(): string
|
public function get_img(): string
|
||||||
{
|
{
|
||||||
return $this->img;
|
return $this->img;
|
||||||
}
|
}
|
||||||
|
|
||||||
public function get_active(): bool
|
public function get_active(): bool
|
||||||
{
|
{
|
||||||
return $this->active;
|
return $this->active;
|
||||||
}
|
}
|
||||||
|
|
||||||
public function get_email(): string
|
public function get_email(): string
|
||||||
{
|
{
|
||||||
return $this->email;
|
return $this->email;
|
||||||
}
|
}
|
||||||
|
|
||||||
public function get_socials(): array
|
public function get_socials(): array
|
||||||
{
|
{
|
||||||
return $this->socials;
|
return $this->socials;
|
||||||
}
|
}
|
||||||
|
|
||||||
public function get_created(): string
|
public function get_created(): string
|
||||||
{
|
{
|
||||||
return $this->created;
|
return $this->created;
|
||||||
}
|
}
|
||||||
|
|
||||||
public function get_updated(): string
|
public function get_updated(): string
|
||||||
{
|
{
|
||||||
return $this->updated;
|
return $this->updated;
|
||||||
}
|
}
|
||||||
|
|
||||||
public function get_claimed(): bool
|
public function get_claimed(): bool
|
||||||
{
|
{
|
||||||
return $this->claimed;
|
return $this->claimed;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
@ -1,102 +1,102 @@
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
class Genre
|
class Genre
|
||||||
{
|
{
|
||||||
|
|
||||||
private $id = "" ;
|
private $id = "" ;
|
||||||
private $enabled = "";
|
private $enabled = "";
|
||||||
private $count = "";
|
private $count = "";
|
||||||
private $name = "";
|
private $name = "";
|
||||||
private $slug = "";
|
private $slug = "";
|
||||||
private $db = "";
|
private $db = "";
|
||||||
|
|
||||||
public function __construct($value, $db)
|
public function __construct($value, $db)
|
||||||
{
|
{
|
||||||
$this->db = $db;
|
$this->db = $db;
|
||||||
if (intval($value)) {
|
if (intval($value)) {
|
||||||
$this->id = $value;
|
$this->id = $value;
|
||||||
if ($this->load_by_id()) {
|
if ($this->load_by_id()) {
|
||||||
return true;
|
return true;
|
||||||
} else {
|
} else {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
$this->slug = $value;
|
$this->slug = $value;
|
||||||
if ($this->load_by_slug()) {
|
if ($this->load_by_slug()) {
|
||||||
return true;
|
return true;
|
||||||
} else {
|
} else {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
private function load_by_id(): bool
|
private function load_by_id(): bool
|
||||||
{
|
{
|
||||||
$genre = $this->get_genre_by_id();
|
$genre = $this->get_genre_by_id();
|
||||||
if ($genre && $genre['name'] != "") {
|
if ($genre && $genre['name'] != "") {
|
||||||
$this->enabled = $genre['enabled'];
|
$this->enabled = $genre['enabled'];
|
||||||
$this->count = $genre['count'];
|
$this->count = $genre['count'];
|
||||||
$this->name = $genre['name'];
|
$this->name = $genre['name'];
|
||||||
$this->slug = $genre['slug'];
|
$this->slug = $genre['slug'];
|
||||||
return true;
|
return true;
|
||||||
} else {
|
} else {
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
private function get_genre_by_id()
|
private function get_genre_by_id()
|
||||||
{
|
{
|
||||||
$stmt = $this->db->prepare("SELECT * FROM genres WHERE id = ?");
|
$stmt = $this->db->prepare("SELECT * FROM genres 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();
|
||||||
$dj = $result->fetch_assoc();
|
$dj = $result->fetch_assoc();
|
||||||
$stmt->close();
|
$stmt->close();
|
||||||
return $dj;
|
return $dj;
|
||||||
}
|
}
|
||||||
|
|
||||||
private function load_by_slug(): bool
|
private function load_by_slug(): bool
|
||||||
{
|
{
|
||||||
$genre = $this->get_genre_by_slug();
|
$genre = $this->get_genre_by_slug();
|
||||||
|
|
||||||
if ($genre && $genre['name'] != "") {
|
if ($genre && $genre['name'] != "") {
|
||||||
$this->id = $genre['id'];
|
$this->id = $genre['id'];
|
||||||
$this->enabled = $genre['enabled'];
|
$this->enabled = $genre['enabled'];
|
||||||
$this->count = $genre['count'];
|
$this->count = $genre['count'];
|
||||||
$this->name = $genre['name'];
|
$this->name = $genre['name'];
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
return false;
|
return false;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
private function get_genre_by_slug()
|
private function get_genre_by_slug()
|
||||||
{
|
{
|
||||||
$stmt = $this->db->prepare("SELECT * FROM genres WHERE slug = ?");
|
$stmt = $this->db->prepare("SELECT * FROM genres 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();
|
||||||
$dj = $result->fetch_assoc();
|
$dj = $result->fetch_assoc();
|
||||||
$stmt->close();
|
$stmt->close();
|
||||||
return $dj;
|
return $dj;
|
||||||
}
|
}
|
||||||
|
|
||||||
public function get_slug(): string
|
public function get_slug(): string
|
||||||
{
|
{
|
||||||
return $this->slug;
|
return $this->slug;
|
||||||
}
|
}
|
||||||
|
|
||||||
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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
624
dj.php
624
dj.php
|
|
@ -1,313 +1,313 @@
|
||||||
<?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/DJ.php';
|
require_once 'classes/DJ.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 DJ class
|
// if there's a query parameter named 'dj', load the DJ class
|
||||||
$db = new Database($config);
|
$db = new Database($config);
|
||||||
$djFound = false;
|
$djFound = false;
|
||||||
if (isset($_GET['dj']) && $_GET['dj'] != "") {
|
if (isset($_GET['dj']) && $_GET['dj'] != "") {
|
||||||
$dj = new DJ($_GET['dj'], $db);
|
$dj = new DJ($_GET['dj'], $db);
|
||||||
if ($dj->get_name() != "") {
|
if ($dj->get_name() != "") {
|
||||||
$djFound = true;
|
$djFound = 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="#"><?php echo $locale['djs']; ?></a></li>
|
<li class="breadcrumb-item"><a href="#"><?php echo $locale['djs']; ?></a></li>
|
||||||
<li class="breadcrumb-item active"
|
<li class="breadcrumb-item active"
|
||||||
aria-current="page"><?php
|
aria-current="page"><?php
|
||||||
if ($dj && $dj->get_name() != ""){
|
if ($dj && $dj->get_name() != ""){
|
||||||
echo $dj->get_name();
|
echo $dj->get_name();
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
echo $locale['notfound'];
|
echo $locale['notfound'];
|
||||||
}
|
}
|
||||||
?></li>
|
?></li>
|
||||||
</ol>
|
</ol>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<?php if ($djFound): ?>
|
<?php if ($djFound): ?>
|
||||||
<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 $dj->get_img(); ?>"
|
<img src="<?php echo $dj->get_img(); ?>"
|
||||||
alt="avatar"
|
alt="avatar"
|
||||||
class="rounded-circle img-fluid" style="width: 150px;">
|
class="rounded-circle img-fluid" style="width: 150px;">
|
||||||
<h5 class="my-3"><?php echo $dj->get_name();
|
<h5 class="my-3"><?php echo $dj->get_name();
|
||||||
?></h5>
|
?></h5>
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
if ($dj->get_claimed()) {
|
if ($dj->get_claimed()) {
|
||||||
echo '<p class="text-muted mb-1">';
|
echo '<p class="text-muted mb-1">';
|
||||||
echo "<i class='fa fa-user-shield' style='color: gold'>Claimed</i>";
|
echo "<i class='fa fa-user-shield' style='color: gold'>Claimed</i>";
|
||||||
echo "</p>";
|
echo "</p>";
|
||||||
}
|
}
|
||||||
|
|
||||||
?>
|
?>
|
||||||
</p>
|
</p>
|
||||||
<p class="text-muted mb-4">$location1</p>
|
<p class="text-muted mb-4">$location1</p>
|
||||||
<div class="d-flex justify-content-center mb-2">
|
<div class="d-flex justify-content-center mb-2">
|
||||||
<button type="button" data-mdb-button-init data-mdb-ripple-init class="btn btn-primary">
|
<button type="button" data-mdb-button-init data-mdb-ripple-init class="btn btn-primary">
|
||||||
<?php echo $locale['follow']; ?>
|
<?php echo $locale['follow']; ?>
|
||||||
</button>
|
</button>
|
||||||
<button type="button" data-mdb-button-init data-mdb-ripple-init
|
<button type="button" data-mdb-button-init data-mdb-ripple-init
|
||||||
class="btn btn-outline-primary ms-1"><?php echo $locale['message']; ?>
|
class="btn btn-outline-primary ms-1"><?php echo $locale['message']; ?>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card mb-4 mb-lg-0">
|
<div class="card mb-4 mb-lg-0">
|
||||||
<div class="card-body p-0">
|
<div class="card-body p-0">
|
||||||
<ul class="list-group list-group-flush rounded-3">
|
<ul class="list-group list-group-flush rounded-3">
|
||||||
<?php
|
<?php
|
||||||
function social_line($social, $value): string
|
function social_line($social, $value): string
|
||||||
{
|
{
|
||||||
$icon = "";
|
$icon = "";
|
||||||
$url = "";
|
$url = "";
|
||||||
$color = "#000000";
|
$color = "#000000";
|
||||||
|
|
||||||
switch ($social) {
|
switch ($social) {
|
||||||
case "facebook":
|
case "facebook":
|
||||||
$icon = "fa-brands fa-facebook";
|
$icon = "fa-brands fa-facebook";
|
||||||
$url = "https://www.facebook.com/$value";
|
$url = "https://www.facebook.com/$value";
|
||||||
$color = "#3b5998";
|
$color = "#3b5998";
|
||||||
$name = "Facebook";
|
$name = "Facebook";
|
||||||
break;
|
break;
|
||||||
case "instagram":
|
case "instagram":
|
||||||
$icon = "fa-brands fa-instagram";
|
$icon = "fa-brands fa-instagram";
|
||||||
$url = "https://www.instagram.com/$value";
|
$url = "https://www.instagram.com/$value";
|
||||||
$color = "#ac2bac";
|
$color = "#ac2bac";
|
||||||
$name = "Instagram";
|
$name = "Instagram";
|
||||||
break;
|
break;
|
||||||
case "twitter":
|
case "twitter":
|
||||||
$icon = "fa-brands fa-twitter";
|
$icon = "fa-brands fa-twitter";
|
||||||
$url = "https://www.twitter.com/$value";
|
$url = "https://www.twitter.com/$value";
|
||||||
$color = "#55acee";
|
$color = "#55acee";
|
||||||
$name = "Twitter";
|
$name = "Twitter";
|
||||||
break;
|
break;
|
||||||
case "myspace":
|
case "myspace":
|
||||||
$icon = "fa-brands fa-myspace";
|
$icon = "fa-brands fa-myspace";
|
||||||
$url = "https://www.myspace.com/$value";
|
$url = "https://www.myspace.com/$value";
|
||||||
$color = "#000000";
|
$color = "#000000";
|
||||||
$name = "Myspace";
|
$name = "Myspace";
|
||||||
break;
|
break;
|
||||||
case "soundcloud":
|
case "soundcloud":
|
||||||
$icon = "fa-brands fa-soundcloud";
|
$icon = "fa-brands fa-soundcloud";
|
||||||
$url = "https://www.soundcloud.com/$value";
|
$url = "https://www.soundcloud.com/$value";
|
||||||
$color = "#ff8800";
|
$color = "#ff8800";
|
||||||
$name = "Soundcloud";
|
$name = "Soundcloud";
|
||||||
break;
|
break;
|
||||||
case "mixcloud":
|
case "mixcloud":
|
||||||
$icon = "fa-brands fa-mixcloud";
|
$icon = "fa-brands fa-mixcloud";
|
||||||
$url = "https://www.mixcloud.com/$value";
|
$url = "https://www.mixcloud.com/$value";
|
||||||
$color = "#00c7f7";
|
$color = "#00c7f7";
|
||||||
$name = "Mixcloud";
|
$name = "Mixcloud";
|
||||||
break;
|
break;
|
||||||
case "spotify":
|
case "spotify":
|
||||||
$icon = "fa-brands fa-spotify";
|
$icon = "fa-brands fa-spotify";
|
||||||
$url = "https://www.spotify.com/$value";
|
$url = "https://www.spotify.com/$value";
|
||||||
$color = "#1DB954";
|
$color = "#1DB954";
|
||||||
$name = "Spotify";
|
$name = "Spotify";
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|
||||||
return "
|
return "
|
||||||
<li class='list-group-item d-flex justify-content-between align-items-center p-3'>
|
<li class='list-group-item d-flex justify-content-between align-items-center p-3'>
|
||||||
<i class='fa $icon fa-lg' style='color: $color;'></i>
|
<i class='fa $icon fa-lg' style='color: $color;'></i>
|
||||||
<p class='mb-0'><a href='$url'>$value</a>
|
<p class='mb-0'><a href='$url'>$value</a>
|
||||||
</p>
|
</p>
|
||||||
</li>";
|
</li>";
|
||||||
}
|
}
|
||||||
$socials = $dj->get_socials();
|
$socials = $dj->get_socials();
|
||||||
|
|
||||||
foreach ($socials as $key => $value) {
|
foreach ($socials as $key => $value) {
|
||||||
echo social_line($key, $value);
|
echo social_line($key, $value);
|
||||||
}
|
}
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</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">Full Name</p>
|
<p class="mb-0">Full Name</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-9">
|
<div class="col-sm-9">
|
||||||
<p class="text-muted mb-0">Johnatan Smith</p>
|
<p class="text-muted mb-0">Johnatan Smith</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">Email</p>
|
<p class="mb-0">Email</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-9">
|
<div class="col-sm-9">
|
||||||
<p class="text-muted mb-0">example@example.com</p>
|
<p class="text-muted mb-0">example@example.com</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>
|
||||||
1
fontawesome
Symbolic link
1
fontawesome
Symbolic link
|
|
@ -0,0 +1 @@
|
||||||
|
fontawesome-free-6.5.2-web
|
||||||
626
genre.php
626
genre.php
|
|
@ -1,314 +1,314 @@
|
||||||
<?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/Genre.php';
|
require_once 'classes/Genre.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);
|
||||||
$genre= null;
|
$genre= null;
|
||||||
$genreFound = false;
|
$genreFound = 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);
|
||||||
$genreRequested = false;
|
$genreRequested = false;
|
||||||
if (isset($_GET['genre']) && $_GET['genre'] != "") {
|
if (isset($_GET['genre']) && $_GET['genre'] != "") {
|
||||||
$genre = new Genre($_GET['genre'], $db);
|
$genre = new Genre($_GET['genre'], $db);
|
||||||
if ($genre->get_name() != "") {
|
if ($genre->get_name() != "") {
|
||||||
$genreRequested = true;
|
$genreRequested = true;
|
||||||
$genreFound = true;
|
$genreFound = 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="#"><?php echo $locale['genres']; ?></a></li>
|
<li class="breadcrumb-item"><a href="#"><?php echo $locale['genres']; ?></a></li>
|
||||||
<li class="breadcrumb-item active"
|
<li class="breadcrumb-item active"
|
||||||
aria-current="page"><?php
|
aria-current="page"><?php
|
||||||
if ($genre && $genre->get_name() != "") {
|
if ($genre && $genre->get_name() != "") {
|
||||||
echo $genre->get_name();
|
echo $genre->get_name();
|
||||||
} else {
|
} else {
|
||||||
echo $locale['notfound'];
|
echo $locale['notfound'];
|
||||||
}
|
}
|
||||||
?></li>
|
?></li>
|
||||||
</ol>
|
</ol>
|
||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<?php if ($genreNotFound): ?>
|
<?php if ($genreNotFound): ?>
|
||||||
<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 $dj->get_img(); ?>"
|
<img src="<?php echo $dj->get_img(); ?>"
|
||||||
alt="avatar"
|
alt="avatar"
|
||||||
class="rounded-circle img-fluid" style="width: 150px;">
|
class="rounded-circle img-fluid" style="width: 150px;">
|
||||||
<h5 class="my-3"><?php echo $dj->get_name();
|
<h5 class="my-3"><?php echo $dj->get_name();
|
||||||
?></h5>
|
?></h5>
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
if ($dj->get_claimed()) {
|
if ($dj->get_claimed()) {
|
||||||
echo '<p class="text-muted mb-1">';
|
echo '<p class="text-muted mb-1">';
|
||||||
echo "<i class='fa fa-user-shield' style='color: gold'>Claimed</i>";
|
echo "<i class='fa fa-user-shield' style='color: gold'>Claimed</i>";
|
||||||
echo "</p>";
|
echo "</p>";
|
||||||
}
|
}
|
||||||
|
|
||||||
?>
|
?>
|
||||||
</p>
|
</p>
|
||||||
<p class="text-muted mb-4">$location1</p>
|
<p class="text-muted mb-4">$location1</p>
|
||||||
<div class="d-flex justify-content-center mb-2">
|
<div class="d-flex justify-content-center mb-2">
|
||||||
<button type="button" data-mdb-button-init data-mdb-ripple-init class="btn btn-primary">
|
<button type="button" data-mdb-button-init data-mdb-ripple-init class="btn btn-primary">
|
||||||
<?php echo $locale['follow']; ?>
|
<?php echo $locale['follow']; ?>
|
||||||
</button>
|
</button>
|
||||||
<button type="button" data-mdb-button-init data-mdb-ripple-init
|
<button type="button" data-mdb-button-init data-mdb-ripple-init
|
||||||
class="btn btn-outline-primary ms-1"><?php echo $locale['message']; ?>
|
class="btn btn-outline-primary ms-1"><?php echo $locale['message']; ?>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card mb-4 mb-lg-0">
|
<div class="card mb-4 mb-lg-0">
|
||||||
<div class="card-body p-0">
|
<div class="card-body p-0">
|
||||||
<ul class="list-group list-group-flush rounded-3">
|
<ul class="list-group list-group-flush rounded-3">
|
||||||
<?php
|
<?php
|
||||||
function social_line($social, $value): string
|
function social_line($social, $value): string
|
||||||
{
|
{
|
||||||
$icon = "";
|
$icon = "";
|
||||||
$url = "";
|
$url = "";
|
||||||
$color = "#000000";
|
$color = "#000000";
|
||||||
|
|
||||||
switch ($social) {
|
switch ($social) {
|
||||||
case "facebook":
|
case "facebook":
|
||||||
$icon = "fa-brands fa-facebook";
|
$icon = "fa-brands fa-facebook";
|
||||||
$url = "https://www.facebook.com/$value";
|
$url = "https://www.facebook.com/$value";
|
||||||
$color = "#3b5998";
|
$color = "#3b5998";
|
||||||
$name = "Facebook";
|
$name = "Facebook";
|
||||||
break;
|
break;
|
||||||
case "instagram":
|
case "instagram":
|
||||||
$icon = "fa-brands fa-instagram";
|
$icon = "fa-brands fa-instagram";
|
||||||
$url = "https://www.instagram.com/$value";
|
$url = "https://www.instagram.com/$value";
|
||||||
$color = "#ac2bac";
|
$color = "#ac2bac";
|
||||||
$name = "Instagram";
|
$name = "Instagram";
|
||||||
break;
|
break;
|
||||||
case "twitter":
|
case "twitter":
|
||||||
$icon = "fa-brands fa-twitter";
|
$icon = "fa-brands fa-twitter";
|
||||||
$url = "https://www.twitter.com/$value";
|
$url = "https://www.twitter.com/$value";
|
||||||
$color = "#55acee";
|
$color = "#55acee";
|
||||||
$name = "Twitter";
|
$name = "Twitter";
|
||||||
break;
|
break;
|
||||||
case "myspace":
|
case "myspace":
|
||||||
$icon = "fa-brands fa-myspace";
|
$icon = "fa-brands fa-myspace";
|
||||||
$url = "https://www.myspace.com/$value";
|
$url = "https://www.myspace.com/$value";
|
||||||
$color = "#000000";
|
$color = "#000000";
|
||||||
$name = "Myspace";
|
$name = "Myspace";
|
||||||
break;
|
break;
|
||||||
case "soundcloud":
|
case "soundcloud":
|
||||||
$icon = "fa-brands fa-soundcloud";
|
$icon = "fa-brands fa-soundcloud";
|
||||||
$url = "https://www.soundcloud.com/$value";
|
$url = "https://www.soundcloud.com/$value";
|
||||||
$color = "#ff8800";
|
$color = "#ff8800";
|
||||||
$name = "Soundcloud";
|
$name = "Soundcloud";
|
||||||
break;
|
break;
|
||||||
case "mixcloud":
|
case "mixcloud":
|
||||||
$icon = "fa-brands fa-mixcloud";
|
$icon = "fa-brands fa-mixcloud";
|
||||||
$url = "https://www.mixcloud.com/$value";
|
$url = "https://www.mixcloud.com/$value";
|
||||||
$color = "#00c7f7";
|
$color = "#00c7f7";
|
||||||
$name = "Mixcloud";
|
$name = "Mixcloud";
|
||||||
break;
|
break;
|
||||||
case "spotify":
|
case "spotify":
|
||||||
$icon = "fa-brands fa-spotify";
|
$icon = "fa-brands fa-spotify";
|
||||||
$url = "https://www.spotify.com/$value";
|
$url = "https://www.spotify.com/$value";
|
||||||
$color = "#1DB954";
|
$color = "#1DB954";
|
||||||
$name = "Spotify";
|
$name = "Spotify";
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|
||||||
return "
|
return "
|
||||||
<li class='list-group-item d-flex justify-content-between align-items-center p-3'>
|
<li class='list-group-item d-flex justify-content-between align-items-center p-3'>
|
||||||
<i class='fa $icon fa-lg' style='color: $color;'></i>
|
<i class='fa $icon fa-lg' style='color: $color;'></i>
|
||||||
<p class='mb-0'><a href='$url'>$value</a>
|
<p class='mb-0'><a href='$url'>$value</a>
|
||||||
</p>
|
</p>
|
||||||
</li>";
|
</li>";
|
||||||
}
|
}
|
||||||
$socials = $dj->get_socials();
|
$socials = $dj->get_socials();
|
||||||
|
|
||||||
foreach ($socials as $key => $value) {
|
foreach ($socials as $key => $value) {
|
||||||
echo social_line($key, $value);
|
echo social_line($key, $value);
|
||||||
}
|
}
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</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">Full Name</p>
|
<p class="mb-0">Full Name</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-9">
|
<div class="col-sm-9">
|
||||||
<p class="text-muted mb-0">Johnatan Smith</p>
|
<p class="text-muted mb-0">Johnatan Smith</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">Email</p>
|
<p class="mb-0">Email</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-9">
|
<div class="col-sm-9">
|
||||||
<p class="text-muted mb-0">example@example.com</p>
|
<p class="text-muted mb-0">example@example.com</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['genreNotFound']; ?>
|
<?php echo $locale['genreNotFound']; ?>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<?php endif;
|
<?php endif;
|
||||||
|
|
||||||
?>
|
?>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
54
navbar.php
54
navbar.php
|
|
@ -1,28 +1,28 @@
|
||||||
<header class="navbar sticky-top bg-dark flex-md-nowrap p-0 shadow" data-bs-theme="dark">
|
<header class="navbar sticky-top bg-dark flex-md-nowrap p-0 shadow" data-bs-theme="dark">
|
||||||
<a class="navbar-brand col-md-3 col-lg-2 me-0 px-3 fs-6 text-white" href="#"><?php echo $config['app']['name'];?></a>
|
<a class="navbar-brand col-md-3 col-lg-2 me-0 px-3 fs-6 text-white" href="#"><?php echo $config['app']['name'];?></a>
|
||||||
|
|
||||||
<ul class="navbar-nav flex-row d-md-none">
|
<ul class="navbar-nav flex-row d-md-none">
|
||||||
<li class="nav-item text-nowrap">
|
<li class="nav-item text-nowrap">
|
||||||
<button class="nav-link px-3 text-white" type="button" data-bs-toggle="collapse"
|
<button class="nav-link px-3 text-white" type="button" data-bs-toggle="collapse"
|
||||||
data-bs-target="#navbarSearch" aria-controls="navbarSearch" aria-expanded="false"
|
data-bs-target="#navbarSearch" aria-controls="navbarSearch" aria-expanded="false"
|
||||||
aria-label="Toggle search">
|
aria-label="Toggle search">
|
||||||
<svg class="bi">
|
<svg class="bi">
|
||||||
<use xlink:href="#search"/>
|
<use xlink:href="#search"/>
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item text-nowrap">
|
<li class="nav-item text-nowrap">
|
||||||
<button class="nav-link px-3 text-white" type="button" data-bs-toggle="offcanvas"
|
<button class="nav-link px-3 text-white" type="button" data-bs-toggle="offcanvas"
|
||||||
data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false"
|
data-bs-target="#sidebarMenu" aria-controls="sidebarMenu" aria-expanded="false"
|
||||||
aria-label="Toggle navigation">
|
aria-label="Toggle navigation">
|
||||||
<svg class="bi">
|
<svg class="bi">
|
||||||
<use xlink:href="#list"/>
|
<use xlink:href="#list"/>
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<div id="navbarSearch" class="navbar-search w-100 collapse">
|
<div id="navbarSearch" class="navbar-search w-100 collapse">
|
||||||
<input class="form-control w-100 rounded-0 border-0" type="text" placeholder="Search" aria-label="Search">
|
<input class="form-control w-100 rounded-0 border-0" type="text" placeholder="Search" aria-label="Search">
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue