~johanvandegriff/johanv.xyz

74af24d64d041f76dbfdcd1e267cb813c271b624 — Johan Vandegriff 10 months ago 0119acc
reduced page size by replacing embed, skrinking images
5 files changed, 6 insertions(+), 39 deletions(-)

M .gitignore
M gen_thumbs.sh
M index.php
A makers-case.jpg
D resume/assets/font-awesome/less/#animated.less#
M .gitignore => .gitignore +1 -0
@@ 2,3 2,4 @@
# index.html is a temp output from index.php
/index.html
/f
/thumbs

M gen_thumbs.sh => gen_thumbs.sh +4 -4
@@ 17,11 17,11 @@ echo "$images" | while read file; do
  thumb_dir=`dirname "$thumb"`
  mkdir -p "$thumb_dir"
  echo -en "Resizing $i/$num_images        \r"
  if [[ "$file" == "$from/galleries/Drawings/0_2019-05-13_ErasableIncAndFriends.png" ]]; then
    convert "$file" -auto-orient -thumbnail "1000x1000>" "$thumb"
  else
  #if [[ "$file" == "$from/galleries/Drawings/0_2019-05-13_ErasableIncAndFriends.png" ]]; then
  #  convert "$file" -auto-orient -thumbnail "1000x1000>" "$thumb"
  #else
    convert "$file" -auto-orient -thumbnail "${THUMBNAIL_SIZE}x${THUMBNAIL_SIZE}>" "$thumb"
  fi
  #fi
  i=$((i+1))
done


M index.php => index.php +1 -1
@@ 60,7 60,7 @@ body {

  <div class="box">
    <h2 id="videos">videos</h2>
    <iframe id="video" style="display:block; float: right; border-radius: 12px" onload="set_video_size();" width="56" height="31.5" src="https://odysee.com/$/embed/makers-case-gemstone-commercial/e3e0edee20fbab97268a8e7dfcc35c798cd74d6c" allowfullscreen></iframe>
    <a href="https://odysee.com/@johanv:5/makers-case-gemstone-commercial:e"><img style="width:66%; display:block; float: right; border-radius: 12px" src="makers-case.jpg"></a>
    <p>I publish my videos on <a target="_blank" href="https://odysee.com/@johanv:5">Odysee</a>, an awesome new platform that solves the demonitization issues of YouTube! <a target="_blank" href="https://odysee.com/$/invite/@johanv:5">Follow me with my invite link</a>. This video is for a propsed research project for Gemstone at UMD. I ended up joining another project instead, but I still have the initial version and plan to make it into a product someday.</p>
    <a class="greenButton" href="/videos/" onmouseover="this.innerHTML=this.innerHTML.replace(/.$/,'▸')" onmouseleave="this.innerHTML=this.innerHTML.replace(/.$/,'▹')">watch more ▹</a>
  </div>

A makers-case.jpg => makers-case.jpg +0 -0
D resume/assets/font-awesome/less/#animated.less# => resume/assets/font-awesome/less/#animated.less# +0 -34
@@ 1,34 0,0 @@
// Animated Icons
// --------------------------

.@{fa-css-prefix}-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear;
}

.@{fa-css-prefix}-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}