Skip to content

Branch simone #13

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Helena0509 wants to merge 11 commits into
base: main
Choose a base branch
from
Open

Branch simone #13

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
3c1f116
Create PreviewSite.html
moneprz Oct 10, 2023
7068b13
Create healthDesign.css
moneprz Oct 10, 2023
ffed3db
Update PreviewSite.html
moneprz Oct 10, 2023
812ff9b
Create Video.php
moneprz Oct 16, 2023
d9554a1
Create VideoInterface.php
moneprz Oct 16, 2023
3b95a6f
Create view.php
moneprz Oct 16, 2023
10a0cfc
Update PreviewSite.html
moneprz Oct 16, 2023
ab08a01
Update view.php
moneprz Oct 16, 2023
fbeac0b
Update Video.php
moneprz Oct 16, 2023
936c91f
Update view.php
moneprz Oct 16, 2023
61cb693
Update Video.php
moneprz Oct 16, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
69 changes: 69 additions & 0 deletions PreviewSite.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>VeganTube</title>
<link rel="stylesheet" href="healthDesign.css">
</head>
<body>
<div class="Heading">
<h1>>VeganTube<</h1>
</div>

<h2>Section 1: Youtube</h2>
<div class="flexbox-cont1">

<h3>How To Meal Prep 12 Easy Vegan Recipes In 90 Minutes For A Beginner</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/f3cQEMLnd_k?si=YXjLAcM3hwsxyNo8" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>



<h3>3 Easy Vegan Recipes for Beginners</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/0KjKKiOI4a8?si=0GwTw88MFHE48xuh" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

<h3>Beginner's GUide to Veganism</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/OJxMsypwnqg?si=kyt0bigDLvqmXiOv" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>


<h3>High-Protein Vegan Meals EVERYONE Should Know</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/dfI7nJFXaFA?si=Kpj-3ZjleULtFOmU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

<h3>20-Minute Vegan Meals EVERYONE Should Know</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/d58QpQhdE9o?si=aw_dXhK_bG3Rb9Uq" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>



</div>
<h2>Source: Vimeo</h2>
<div class="flexbox-cont2">
<div>
<h3>How a vegan diet affects your brain</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/SdnEbJZoNg8?si=hqSct6Tp1kToSfne" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

</div>
<div>
<h3>Here's What Happens To your Brain and Body When >ou Go Vegan</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/acePa05Cxpo?si=2Kv1JqQHlUU5IqWR" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

</div>

<div>
<h3>What You Can Expect When You Go Vegan</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/WS8pZj2bsaU?si=AyEeE7hi_QNBIumm" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>

<div>
<h3>What you need to know before switching to a vegetarian diet</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/hB1CDtdcPVQ?si=6GUexIm3lcOZnMhY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

</div>

<div>
<h3>Potentail Vitamin and Mineral Deficiency Risks on a Vegan Diet</h3>
<iframe width="560" height="315" src="https://www.youtube.com/embed/M6roj07jiys?si=aqtyKPXa6e2fFbxN" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>


</div>

</body>
</html>
60 changes: 60 additions & 0 deletions Video.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
<?php
require "VideoInterface.php";

abstract class Video implements VideoInterface
{
protected $name;
protected $source;



public function __construct($name, $source)
{
$this->name = $name;
$this->source = $source;
}


public function getName() : string{
return $this->name;
}


public function getSource() : string{
return $this->source;
}
}

class YouTube extends Video{
public function __construct($name, $source)
{
parent::__construct($name, "YouTube");
$this->source = $source;

}
public function getEmbedCode() : string
{
return '<iframe width="560" height="315" src="' . $this->source . '"
title="YouTube video player"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>';
}
}

class Vimeo extends video{
protected $source;
public function __construct($name, $source)
{
parent::__construct($name, "Vimeo");
$this->source = $source;

}
public function getEmbedCode() : string
{
return '<iframe width="560" height="315" src="' . $this->source . '"
title="'.$this->name.'"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>';
}
}

10 changes: 10 additions & 0 deletions VideoInterface.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
<?php

interface VideoInterface
{
public function getName(): string;

public function getSource(): string;

public function getEmbedCode(): string;
}
50 changes: 50 additions & 0 deletions healthDesign.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
body{
background-color: #dcf9c6;
text-align: center;


}
head {
background-color: aquamarine;
}
.flexbox-cont1{
display: inline-grid;
background-color: #88d498;
margin-left: 40px;
border-radius: 30px;
text-align: center;
}
.flexbox-cont2{
display: inline-grid;
background-color: #88d498;
margin-left: 40px;
border-radius: 30px;
text-align: center;
}
.Heading {
background-color: white;
}
h1 {
font-family: "Roboto Light";
font-size: 50px;
font-weight: bold;
color: #155f4b;
text-align: left;
margin-left: 100px;
background-color: white;
border-radius: 30px;
}

h2 {
text-align: left;
margin-left: 150px;
color: #104738;
background-color: #dcf9c6;

}
h3 {
color: #0a2e24;
}



58 changes: 58 additions & 0 deletions view.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@

<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>VeganTube</title>
<link rel="stylesheet" href="healthDesign.css">
</head>
<body>
<div class="Heading">
<h1>>VeganTube<</h1>
</div>

<h2>Section 1: Youtube</h2>
<?php
require "Video.php";
echo '<div class="flexbox-cont1">';

$yt1 = new Youtube("How To Meal Prep 12 Easy Vegan Recipes In 90 Minutes For A Beginner", "https://www.youtube.com/embed/f3cQEMLnd_k?si=YXjLAcM3hwsxyNo8");
$yt2 = new Youtube("Beginner's GUide to Veganism", "https://www.youtube.com/embed/OJxMsypwnqg?si=kyt0bigDLvqmXiOv");
$yt3 = new Youtube("High-Protein Vegan Meals EVERYONE Should Know", "https://www.youtube.com/embed/dfI7nJFXaFA?si=Kpj-3ZjleULtFOmU" );
$yt4 = new YouTube("20-Minute Vegan Meals EVERYONE Should Know","https://www.youtube.com/embed/d58QpQhdE9o?si=aw_dXhK_bG3Rb9Uq");
$yt5 = new Youtube("3 Easy Vegan Recipes for Beginners", "https://www.youtube.com/embed/d58QpQhdE9o?si=aw_dXhK_bG3Rb9Uq");
echo "<h3>". $yt1->getName() ."</h3>";
echo $yt1->getEmbedCode();
echo '<h3>' . $yt2->getName() . '</h3>';
echo $yt2->getEmbedCode();
echo '<h3>' . $yt3->getName() . '</h3>';
echo $yt3->getEmbedCode();
echo '<h3>' . $yt4->getName() . '</h3>';
echo $yt4->getEmbedCode();
echo '<h3>' . $yt5->getName() . '</h3>';
echo $yt5->getEmbedCode();
echo '</div>';

echo '<h2>Source: Vimeo</h2>';
echo '<div class="flexbox-cont2">';
$v1 = new Vimeo("Vegan diets and Protein", "https://player.vimeo.com/video/656492658?h=609886fb53");
$v2 = new Vimeo("how to plan a vegan diet", "https://player.vimeo.com/video/861518311?h=f5d3c2b133");
$v3 = new Vimeo("Vegan sosisler", "https://player.vimeo.com/video/33344663?h=d7fdaf3026");
$v4 = new Vimeo("Vegan Nutrition Principles", "https://player.vimeo.com/video/567058979?h=dc7220eec4&color=e33a71");
$v5 = new Vimeo("Vegan Infographic", "https://player.vimeo.com/video/224903454?h=e020c7d9a3");
echo "<h3>". $v1->getName() ."</h3>";
echo $v1->getEmbedCode();
echo '<h3>' . $v2->getName() . '</h3>';
echo $v2->getEmbedCode();
echo '<h3>' . $v3->getName() . '</h3>';
echo $v3->getEmbedCode();
echo '<h3>' . $yt4->getName() . '</h3>';
echo $v4->getEmbedCode();
echo '<h3>' . $v5->getName() . '</h3>';
echo $v5->getEmbedCode();
echo '</div>';

echo '</div>';
?>

</body>
</html>