Skip to content

Commit

Permalink
Added tests
Browse files Browse the repository at this point in the history
  • Loading branch information
@TrifanBogdan24
TrifanBogdan24 committed Oct 17, 2024
1 parent ab2a916 commit 6fa9967
Show file tree
Hide file tree
Showing 66 changed files with 1,120 additions and 0 deletions.
Empty file added .github/workflows/build.yaml
View file
Empty file.
40 changes: 40 additions & 0 deletions .github/workflows/test.yaml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
name: Python Workflow with Pytube

on:
push:
branches:
- main
pull_request:
branches:
- main

jobs:
test:
runs-on: ubuntu-latest

steps:
- name: Checkout code
uses: actions/checkout@v3

- name: Show Python and Pip versions
run: |
python3 --version
pip3 --version
- name: Install Pytube
run: pip3 install pytube

- name: Verify Pytube installation
run: pip3 freeze | grep 'pytube'

- name: Run test script
run: |
cd Tests
./test.sh
cd ../
shell: bash
continue-on-error: false

- name: Check exit code
if: ${{ failure() }}
run: echo "There was an error with the script execution!"
4 changes: 4 additions & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,9 @@
# Embed YouTube Card Generator

> **CLI** tool to create embedded YouTube cards for HTML/MarkDown projects.
>
> Bring your YouTube links to life!
🚀 Glow up your HTML/Markdown files with this simple Python script!
Just provide a YouTube URL as input, and it generates a sleek, clickable YouTube card for you.
Perfect for embedding videos in your blog, documentation, or personal projects.
Expand Down
20 changes: 20 additions & 0 deletions Tests/URLs.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
https://youtu.be/gZx9yCbQg50
https://youtu.be/gZx9yCbQg50?t=108
<iframe width="707" height="398" src="https://www.youtube.com/embed/gZx9yCbQg50" title="SSH config basics" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
https://youtu.be/ByBGTkrQ-QU?list=PLfU9XN7w4tFzlLqAGhGMzrwv_QE782vbL
https://youtu.be/ByBGTkrQ-QU?list=PLfU9XN7w4tFzlLqAGhGMzrwv_QE782vbL&t=7
<iframe width="707" height="398" src="https://www.youtube.com/embed/ByBGTkrQ-QU?list=PLfU9XN7w4tFzlLqAGhGMzrwv_QE782vbL" title="Unlock Git collaboration with CLONE, PUSH &amp; FETCH" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
https://www.youtube.com/watch?v=4UcfECYbDYQ&index=1&list=PL1eC1aP-LYNg2ya1ywPj0pipd0y2EWGEl
https://youtu.be/4UcfECYbDYQ?list=PL1eC1aP-LYNg2ya1ywPj0pipd0y2EWGEl
https://www.youtube.com/watch?v=Svmor6ouuO4&index=4&list=PL1eC1aP-LYNg2ya1ywPj0pipd0y2EWGEl
https://www.youtube.com/watch?v=M44e92KoIaE
https://youtu.be/M44e92KoIaE
http://www.youtube.com/v/0zM3nApSvMg?fs=1&hl=en_US&rel=0
http://www.youtube.com/embed/0zM3nApSvMg?rel=0
http://www.youtube.com/watch?v=0zM3nApSvMg&feature=feedrec_grec_index
http://www.youtube.com/watch?v=0zM3nApSvMg
http://youtu.be/0zM3nApSvMg
http://youtu.be/dQw4w9WgXcQ
http://www.youtube.com/watch?feature=player_embedded&v=dQw4w9WgXcQ
https://youtu.be/4UcfECYbDYQ?list=PL1eC1aP-LYNg2ya1ywPj0pipd0y2EWGEl
https://youtu.be/4UcfECYbDYQ?list=PL1eC1aP-LYNg2ya1ywPj0pipd0y2EWGEl&t=51
1 change: 1 addition & 0 deletions Tests/URLs/1.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
https://youtu.be/gZx9yCbQg50
1 change: 1 addition & 0 deletions Tests/URLs/10.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
https://www.youtube.com/watch?v=M44e92KoIaE
1 change: 1 addition & 0 deletions Tests/URLs/11.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
https://youtu.be/M44e92KoIaE
1 change: 1 addition & 0 deletions Tests/URLs/12.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
http://www.youtube.com/v/0zM3nApSvMg?fs=1&hl=en_US&rel=0
1 change: 1 addition & 0 deletions Tests/URLs/13.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
http://www.youtube.com/embed/0zM3nApSvMg?rel=0
1 change: 1 addition & 0 deletions Tests/URLs/14.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
http://www.youtube.com/watch?v=0zM3nApSvMg&feature=feedrec_grec_index
1 change: 1 addition & 0 deletions Tests/URLs/15.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
http://www.youtube.com/watch?v=0zM3nApSvMg
1 change: 1 addition & 0 deletions Tests/URLs/16.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
http://youtu.be/0zM3nApSvMg
1 change: 1 addition & 0 deletions Tests/URLs/17.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
http://youtu.be/dQw4w9WgXcQ
1 change: 1 addition & 0 deletions Tests/URLs/18.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
http://www.youtube.com/watch?feature=player_embedded&v=dQw4w9WgXcQ
1 change: 1 addition & 0 deletions Tests/URLs/19.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
https://youtu.be/4UcfECYbDYQ?list=PL1eC1aP-LYNg2ya1ywPj0pipd0y2EWGEl
1 change: 1 addition & 0 deletions Tests/URLs/2.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
https://youtu.be/gZx9yCbQg50?t=108
1 change: 1 addition & 0 deletions Tests/URLs/20.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
https://youtu.be/4UcfECYbDYQ?list=PL1eC1aP-LYNg2ya1ywPj0pipd0y2EWGEl&t=51
1 change: 1 addition & 0 deletions Tests/URLs/3.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<iframe width="707" height="398" src="https://www.youtube.com/embed/gZx9yCbQg50" title="SSH config basics" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
1 change: 1 addition & 0 deletions Tests/URLs/4.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
https://youtu.be/ByBGTkrQ-QU?list=PLfU9XN7w4tFzlLqAGhGMzrwv_QE782vbL
1 change: 1 addition & 0 deletions Tests/URLs/5.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
https://youtu.be/ByBGTkrQ-QU?list=PLfU9XN7w4tFzlLqAGhGMzrwv_QE782vbL&t=7
1 change: 1 addition & 0 deletions Tests/URLs/6.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<iframe width="707" height="398" src="https://www.youtube.com/embed/ByBGTkrQ-QU?list=PLfU9XN7w4tFzlLqAGhGMzrwv_QE782vbL" title="Unlock Git collaboration with CLONE, PUSH &amp; FETCH" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
1 change: 1 addition & 0 deletions Tests/URLs/7.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
https://www.youtube.com/watch?v=4UcfECYbDYQ&index=1&list=PL1eC1aP-LYNg2ya1ywPj0pipd0y2EWGEl
1 change: 1 addition & 0 deletions Tests/URLs/8.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
https://youtu.be/4UcfECYbDYQ?list=PL1eC1aP-LYNg2ya1ywPj0pipd0y2EWGEl
1 change: 1 addition & 0 deletions Tests/URLs/9.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
https://www.youtube.com/watch?v=Svmor6ouuO4&index=4&list=PL1eC1aP-LYNg2ya1ywPj0pipd0y2EWGEl
24 changes: 24 additions & 0 deletions Tests/out/1.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!-- SSH config basics -->
<div style="border: 1px solid #ddd; padding: 10px; max-width: 300px; position: relative; display: inline-block;">
<a href="https://youtu.be/gZx9yCbQg50" target="_blank" style="display: block; position: relative;">
<!-- Thumbnail -->
<img src="https://i.ytimg.com/vi/gZx9yCbQg50/hq720.jpg" alt="YouTube Thumbnail" style="width: 100%; display: block;">
<!-- Play button in the center -->
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(255, 0, 0, 0.8); border-radius: 50%; display: flex; align-items: center; justify-content: center;">
<div style="width: 0; height: 0; border-left: 15px solid white; border-top: 10px solid transparent; border-bottom: 10px solid transparent;"></div>
</div>
<!-- Black rectangle with duration at bottom-right -->
<div style="position: absolute; bottom: 8px; right: 8px; background: rgba(0, 0, 0, 0.8); color: white; padding: 2px 6px; font-size: 12px; border-radius: 3px;">
03:49
</div>
</a>
<div style="margin: 0 auto; width: 90%; text-align: left;">
<!-- Text of URL -->
<p style="margin: 10px 0;"><a href="https://youtu.be/gZx9yCbQg50" target="_blank">https://youtu.be/gZx9yCbQg50</a></p>
<!-- Separation line -->
<hr style="border: 0; height: 1px; background: #ddd; margin: 10px 0;">
<!-- Text of Title -->
<p style="margin: 10px 0;"><a href="https://youtu.be/gZx9yCbQg50" target="_blank">SSH config basics</a></p>
</div>
</div>

24 changes: 24 additions & 0 deletions Tests/out/10.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!-- RAA - 'George Stuck' Insurance Ad -->
<div style="border: 1px solid #ddd; padding: 10px; max-width: 300px; position: relative; display: inline-block;">
<a href="https://www.youtube.com/watch?v=M44e92KoIaE" target="_blank" style="display: block; position: relative;">
<!-- Thumbnail -->
<img src="https://i.ytimg.com/vi/M44e92KoIaE/hqdefault.jpg?sqp=-oaymwEXCJADEOABSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBcsURFQwIvDUf5RGlqCkKCVWrPug" alt="YouTube Thumbnail" style="width: 100%; display: block;">
<!-- Play button in the center -->
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(255, 0, 0, 0.8); border-radius: 50%; display: flex; align-items: center; justify-content: center;">
<div style="width: 0; height: 0; border-left: 15px solid white; border-top: 10px solid transparent; border-bottom: 10px solid transparent;"></div>
</div>
<!-- Black rectangle with duration at bottom-right -->
<div style="position: absolute; bottom: 8px; right: 8px; background: rgba(0, 0, 0, 0.8); color: white; padding: 2px 6px; font-size: 12px; border-radius: 3px;">
0:30
</div>
</a>
<div style="margin: 0 auto; width: 90%; text-align: left;">
<!-- Text of URL -->
<p style="margin: 10px 0;"><a href="https://www.youtube.com/watch?v=M44e92KoIaE" target="_blank">https://www.youtube.com/watch?v=M44e92KoIaE</a></p>
<!-- Separation line -->
<hr style="border: 0; height: 1px; background: #ddd; margin: 10px 0;">
<!-- Text of Title -->
<p style="margin: 10px 0;"><a href="https://www.youtube.com/watch?v=M44e92KoIaE" target="_blank">RAA - 'George Stuck' Insurance Ad</a></p>
</div>
</div>

24 changes: 24 additions & 0 deletions Tests/out/11.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!-- RAA - 'George Stuck' Insurance Ad -->
<div style="border: 1px solid #ddd; padding: 10px; max-width: 300px; position: relative; display: inline-block;">
<a href="https://youtu.be/M44e92KoIaE" target="_blank" style="display: block; position: relative;">
<!-- Thumbnail -->
<img src="https://i.ytimg.com/vi/M44e92KoIaE/hqdefault.jpg?sqp=-oaymwEXCJADEOABSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLBcsURFQwIvDUf5RGlqCkKCVWrPug" alt="YouTube Thumbnail" style="width: 100%; display: block;">
<!-- Play button in the center -->
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(255, 0, 0, 0.8); border-radius: 50%; display: flex; align-items: center; justify-content: center;">
<div style="width: 0; height: 0; border-left: 15px solid white; border-top: 10px solid transparent; border-bottom: 10px solid transparent;"></div>
</div>
<!-- Black rectangle with duration at bottom-right -->
<div style="position: absolute; bottom: 8px; right: 8px; background: rgba(0, 0, 0, 0.8); color: white; padding: 2px 6px; font-size: 12px; border-radius: 3px;">
0:30
</div>
</a>
<div style="margin: 0 auto; width: 90%; text-align: left;">
<!-- Text of URL -->
<p style="margin: 10px 0;"><a href="https://youtu.be/M44e92KoIaE" target="_blank">https://youtu.be/M44e92KoIaE</a></p>
<!-- Separation line -->
<hr style="border: 0; height: 1px; background: #ddd; margin: 10px 0;">
<!-- Text of Title -->
<p style="margin: 10px 0;"><a href="https://youtu.be/M44e92KoIaE" target="_blank">RAA - 'George Stuck' Insurance Ad</a></p>
</div>
</div>

24 changes: 24 additions & 0 deletions Tests/out/12.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!-- Old Spice Pro-Strength Commercial - Neil Patrick Harris -->
<div style="border: 1px solid #ddd; padding: 10px; max-width: 300px; position: relative; display: inline-block;">
<a href="http://www.youtube.com/v/0zM3nApSvMg?fs=1&hl=en_US&rel=0" target="_blank" style="display: block; position: relative;">
<!-- Thumbnail -->
<img src="https://i.ytimg.com/vi/0zM3nApSvMg/hqdefault.jpg?sqp=-oaymwExCJADEOABSFryq4qpAyMIARUAAIhCGAHwAQH4Af4EgALgA4oCDAgAEAEYTiBlKF8wDw==&rs=AOn4CLDNtGGujQcmUimMz2xorlRZx_9xtQ" alt="YouTube Thumbnail" style="width: 100%; display: block;">
<!-- Play button in the center -->
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(255, 0, 0, 0.8); border-radius: 50%; display: flex; align-items: center; justify-content: center;">
<div style="width: 0; height: 0; border-left: 15px solid white; border-top: 10px solid transparent; border-bottom: 10px solid transparent;"></div>
</div>
<!-- Black rectangle with duration at bottom-right -->
<div style="position: absolute; bottom: 8px; right: 8px; background: rgba(0, 0, 0, 0.8); color: white; padding: 2px 6px; font-size: 12px; border-radius: 3px;">
0:16
</div>
</a>
<div style="margin: 0 auto; width: 90%; text-align: left;">
<!-- Text of URL -->
<p style="margin: 10px 0;"><a href="http://www.youtube.com/v/0zM3nApSvMg?fs=1&hl=en_US&rel=0" target="_blank">http://www.youtube.com/v/0zM3nApSvMg?fs=1&hl=en_US&rel=0</a></p>
<!-- Separation line -->
<hr style="border: 0; height: 1px; background: #ddd; margin: 10px 0;">
<!-- Text of Title -->
<p style="margin: 10px 0;"><a href="http://www.youtube.com/v/0zM3nApSvMg?fs=1&hl=en_US&rel=0" target="_blank">Old Spice Pro-Strength Commercial - Neil Patrick Harris</a></p>
</div>
</div>

24 changes: 24 additions & 0 deletions Tests/out/13.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!-- Old Spice Pro-Strength Commercial - Neil Patrick Harris -->
<div style="border: 1px solid #ddd; padding: 10px; max-width: 300px; position: relative; display: inline-block;">
<a href="http://www.youtube.com/embed/0zM3nApSvMg?rel=0" target="_blank" style="display: block; position: relative;">
<!-- Thumbnail -->
<img src="https://i.ytimg.com/vi/0zM3nApSvMg/hqdefault.jpg?sqp=-oaymwExCJADEOABSFryq4qpAyMIARUAAIhCGAHwAQH4Af4EgALgA4oCDAgAEAEYTiBlKF8wDw==&rs=AOn4CLDNtGGujQcmUimMz2xorlRZx_9xtQ" alt="YouTube Thumbnail" style="width: 100%; display: block;">
<!-- Play button in the center -->
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(255, 0, 0, 0.8); border-radius: 50%; display: flex; align-items: center; justify-content: center;">
<div style="width: 0; height: 0; border-left: 15px solid white; border-top: 10px solid transparent; border-bottom: 10px solid transparent;"></div>
</div>
<!-- Black rectangle with duration at bottom-right -->
<div style="position: absolute; bottom: 8px; right: 8px; background: rgba(0, 0, 0, 0.8); color: white; padding: 2px 6px; font-size: 12px; border-radius: 3px;">
0:16
</div>
</a>
<div style="margin: 0 auto; width: 90%; text-align: left;">
<!-- Text of URL -->
<p style="margin: 10px 0;"><a href="http://www.youtube.com/embed/0zM3nApSvMg?rel=0" target="_blank">http://www.youtube.com/embed/0zM3nApSvMg?rel=0</a></p>
<!-- Separation line -->
<hr style="border: 0; height: 1px; background: #ddd; margin: 10px 0;">
<!-- Text of Title -->
<p style="margin: 10px 0;"><a href="http://www.youtube.com/embed/0zM3nApSvMg?rel=0" target="_blank">Old Spice Pro-Strength Commercial - Neil Patrick Harris</a></p>
</div>
</div>

24 changes: 24 additions & 0 deletions Tests/out/14.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!-- Old Spice Pro-Strength Commercial - Neil Patrick Harris -->
<div style="border: 1px solid #ddd; padding: 10px; max-width: 300px; position: relative; display: inline-block;">
<a href="http://www.youtube.com/watch?v=0zM3nApSvMg&feature=feedrec_grec_index" target="_blank" style="display: block; position: relative;">
<!-- Thumbnail -->
<img src="https://i.ytimg.com/vi/0zM3nApSvMg/hqdefault.jpg?sqp=-oaymwExCJADEOABSFryq4qpAyMIARUAAIhCGAHwAQH4Af4EgALgA4oCDAgAEAEYTiBlKF8wDw==&rs=AOn4CLDNtGGujQcmUimMz2xorlRZx_9xtQ" alt="YouTube Thumbnail" style="width: 100%; display: block;">
<!-- Play button in the center -->
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(255, 0, 0, 0.8); border-radius: 50%; display: flex; align-items: center; justify-content: center;">
<div style="width: 0; height: 0; border-left: 15px solid white; border-top: 10px solid transparent; border-bottom: 10px solid transparent;"></div>
</div>
<!-- Black rectangle with duration at bottom-right -->
<div style="position: absolute; bottom: 8px; right: 8px; background: rgba(0, 0, 0, 0.8); color: white; padding: 2px 6px; font-size: 12px; border-radius: 3px;">
0:16
</div>
</a>
<div style="margin: 0 auto; width: 90%; text-align: left;">
<!-- Text of URL -->
<p style="margin: 10px 0;"><a href="http://www.youtube.com/watch?v=0zM3nApSvMg&feature=feedrec_grec_index" target="_blank">http://www.youtube.com/watch?v=0zM3nApSvMg&feature=feedrec_grec_index</a></p>
<!-- Separation line -->
<hr style="border: 0; height: 1px; background: #ddd; margin: 10px 0;">
<!-- Text of Title -->
<p style="margin: 10px 0;"><a href="http://www.youtube.com/watch?v=0zM3nApSvMg&feature=feedrec_grec_index" target="_blank">Old Spice Pro-Strength Commercial - Neil Patrick Harris</a></p>
</div>
</div>

24 changes: 24 additions & 0 deletions Tests/out/15.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!-- Old Spice Pro-Strength Commercial - Neil Patrick Harris -->
<div style="border: 1px solid #ddd; padding: 10px; max-width: 300px; position: relative; display: inline-block;">
<a href="http://www.youtube.com/watch?v=0zM3nApSvMg" target="_blank" style="display: block; position: relative;">
<!-- Thumbnail -->
<img src="https://i.ytimg.com/vi/0zM3nApSvMg/hqdefault.jpg?sqp=-oaymwExCJADEOABSFryq4qpAyMIARUAAIhCGAHwAQH4Af4EgALgA4oCDAgAEAEYTiBlKF8wDw==&rs=AOn4CLDNtGGujQcmUimMz2xorlRZx_9xtQ" alt="YouTube Thumbnail" style="width: 100%; display: block;">
<!-- Play button in the center -->
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(255, 0, 0, 0.8); border-radius: 50%; display: flex; align-items: center; justify-content: center;">
<div style="width: 0; height: 0; border-left: 15px solid white; border-top: 10px solid transparent; border-bottom: 10px solid transparent;"></div>
</div>
<!-- Black rectangle with duration at bottom-right -->
<div style="position: absolute; bottom: 8px; right: 8px; background: rgba(0, 0, 0, 0.8); color: white; padding: 2px 6px; font-size: 12px; border-radius: 3px;">
0:16
</div>
</a>
<div style="margin: 0 auto; width: 90%; text-align: left;">
<!-- Text of URL -->
<p style="margin: 10px 0;"><a href="http://www.youtube.com/watch?v=0zM3nApSvMg" target="_blank">http://www.youtube.com/watch?v=0zM3nApSvMg</a></p>
<!-- Separation line -->
<hr style="border: 0; height: 1px; background: #ddd; margin: 10px 0;">
<!-- Text of Title -->
<p style="margin: 10px 0;"><a href="http://www.youtube.com/watch?v=0zM3nApSvMg" target="_blank">Old Spice Pro-Strength Commercial - Neil Patrick Harris</a></p>
</div>
</div>

24 changes: 24 additions & 0 deletions Tests/out/16.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<!-- Old Spice Pro-Strength Commercial - Neil Patrick Harris -->
<div style="border: 1px solid #ddd; padding: 10px; max-width: 300px; position: relative; display: inline-block;">
<a href="http://youtu.be/0zM3nApSvMg" target="_blank" style="display: block; position: relative;">
<!-- Thumbnail -->
<img src="https://i.ytimg.com/vi/0zM3nApSvMg/hqdefault.jpg?sqp=-oaymwExCJADEOABSFryq4qpAyMIARUAAIhCGAHwAQH4Af4EgALgA4oCDAgAEAEYTiBlKF8wDw==&rs=AOn4CLDNtGGujQcmUimMz2xorlRZx_9xtQ" alt="YouTube Thumbnail" style="width: 100%; display: block;">
<!-- Play button in the center -->
<div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(255, 0, 0, 0.8); border-radius: 50%; display: flex; align-items: center; justify-content: center;">
<div style="width: 0; height: 0; border-left: 15px solid white; border-top: 10px solid transparent; border-bottom: 10px solid transparent;"></div>
</div>
<!-- Black rectangle with duration at bottom-right -->
<div style="position: absolute; bottom: 8px; right: 8px; background: rgba(0, 0, 0, 0.8); color: white; padding: 2px 6px; font-size: 12px; border-radius: 3px;">
0:16
</div>
</a>
<div style="margin: 0 auto; width: 90%; text-align: left;">
<!-- Text of URL -->
<p style="margin: 10px 0;"><a href="http://youtu.be/0zM3nApSvMg" target="_blank">http://youtu.be/0zM3nApSvMg</a></p>
<!-- Separation line -->
<hr style="border: 0; height: 1px; background: #ddd; margin: 10px 0;">
<!-- Text of Title -->
<p style="margin: 10px 0;"><a href="http://youtu.be/0zM3nApSvMg" target="_blank">Old Spice Pro-Strength Commercial - Neil Patrick Harris</a></p>
</div>
</div>

Loading

0 comments on commit 6fa9967

Please sign in to comment.