Skip to content

Commit

Permalink
updating hr elements and adding gifs to panda_2 for mobile
Browse files Browse the repository at this point in the history
  • Loading branch information
@kapor
kapor committed Aug 21, 2024
1 parent e00de8e commit cc709d8
Show file tree
Hide file tree
Showing 8 changed files with 81 additions and 5 deletions.
34 changes: 34 additions & 0 deletions css/special_panda.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1461,6 +1461,36 @@ $$/ $$/ $$$$$$$/ $$/ $$/
–––––––––––––––– */




.app_col_01_desk {
display: flex;
flex-direction: column;
gap: 20px;
}

.app_col_01_mob {
display: none;
}

@media screen and (max-width: 500px) {


.app_col_01_desk {
display: none;
}

.app_col_01_mob {
display: flex;
flex-direction: column;
gap: 16px;
}



}


.app_col_01 {
display: flex;
flex-direction: column;
Expand Down Expand Up @@ -1522,6 +1552,7 @@ $$/ $$/ $$$$$$$/ $$/ $$/
}



.app_row_01 {
display: flex;
flex-direction: row;
Expand Down Expand Up @@ -1551,6 +1582,8 @@ $$/ $$/ $$$$$$$/ $$/ $$/
}




@media screen and (max-width: 500px) {


Expand All @@ -1566,6 +1599,7 @@ $$/ $$/ $$$$$$$/ $$/ $$/
margin-top: 20px;
}


}


Expand Down
7 changes: 7 additions & 0 deletions css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -204,6 +204,13 @@ hr {
border-top: 1px solid #888;
}

@media screen and (max-width: 800px) {
hr {
border-top: 1px solid #888;
margin: 8px;
}
}

* {
box-sizing: border-box;
}
Expand Down
Binary file added images/projects/appreciate_panda_1/01_b.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/projects/appreciate_panda_1/02_a.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/projects/appreciate_panda_1/02_b.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/projects/appreciate_panda_1/06_a.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/projects/appreciate_panda_1/06_b.gif
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
45 changes: 40 additions & 5 deletions projects/_posts/2022-01-01-06.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -265,13 +265,20 @@ Appreciate is/was an app/service based on the idea of putting aftermarket value
</div>


<div class="app_col_01">

<div class="app_col_01_desk">
<video width="100%" height="auto" autoplay loop muted>
<source src="{{ site.baseurl }}/images/projects/appreciate_panda_1/01_b.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>

<div class="app_col_01_mob">
<a href="{{site.baseurl}}/images/projects/appreciate_panda_1/01_b.gif" target="_blank">
<img src="{{site.baseurl}}/images/projects/appreciate_panda_1/01_b.gif" alt="panda_01"></a>
</div>


<div class="app_divider_6"></div>

<div class="app_col_01">
Expand Down Expand Up @@ -348,13 +355,18 @@ Your browser does not support the video tag.
</div>


<div class="app_col_01">
<div class="app_col_01_desk">
<video width="100%" height="auto" autoplay loop muted>
<source src="{{ site.baseurl }}/images/projects/appreciate_panda_1/02_a.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>

<div class="app_col_01_mob">
<a href="{{site.baseurl}}/images/projects/appreciate_panda_1/02_a.gif" target="_blank">
<img src="{{site.baseurl}}/images/projects/appreciate_panda_1/02_a.gif" alt="panda_01"></a>
</div>

<div class="app_divider_6"></div>

<div class="app_col_01">
Expand All @@ -379,13 +391,21 @@ Your browser does not support the video tag.

<div class="app_divider_6"></div>

<div class="app_col_01">



<div class="app_col_01_desk">
<video width="100%" height="auto" autoplay loop muted>
<source src="{{ site.baseurl }}/images/projects/appreciate_panda_1/02_b.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>

<div class="app_col_01_mob">
<a href="{{site.baseurl}}/images/projects/appreciate_panda_1/02_b.gif" target="_blank">
<img src="{{site.baseurl}}/images/projects/appreciate_panda_1/02_b.gif" alt="panda_01"></a>
</div>


<div class="app_divider_6"></div>

Expand Down Expand Up @@ -621,13 +641,20 @@ Your browser does not support the video tag.
</div>


<div class="app_col_01">
<div class="app_col_01_desk">
<video width="100%" height="auto" autoplay loop muted>
<source src="{{ site.baseurl }}/images/projects/appreciate_panda_1/06_a.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>


<div class="app_col_01_mob">
<a href="{{site.baseurl}}/images/projects/appreciate_panda_1/06_a.gif" target="_blank">
<img src="{{site.baseurl}}/images/projects/appreciate_panda_1/06_a.gif" alt="panda_01"></a>
</div>


<div class="app_divider_6"></div>

<div class="app_col_01" style="background-color: #ffffff;">
Expand All @@ -645,13 +672,21 @@ Your browser does not support the video tag.

<div class="app_divider_6"></div>

<div class="app_col_01">
<div class="app_col_01_desk">
<video width="100%" height="auto" autoplay loop muted>
<source src="{{ site.baseurl }}/images/projects/appreciate_panda_1/06_b.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>


<div class="app_col_01_mob">
<a href="{{site.baseurl}}/images/projects/appreciate_panda_1/06_b.gif" target="_blank">
<img src="{{site.baseurl}}/images/projects/appreciate_panda_1/06_b.gif" alt="panda_01"></a>
</div>



<div class="app_divider_6"></div>

<div class="app_col_01" style="background-color: #222222;">
Expand Down

0 comments on commit cc709d8

Please sign in to comment.