/** * Jetpack related posts */ /** * The Gutenberg block */ .jp-related-posts-i2 { margin-top: 1.5rem; } .jp-related-posts-i2__list { --hgap: 1rem; display: flex; flex-wrap: wrap; column-gap: var(--hgap); row-gap: 2rem; margin: 0; padding: 0; list-style-type: none; } .jp-related-posts-i2__post { display: flex; flex-direction: column; /* Default: 2 items by row */ flex-basis: calc(( 100% - var(--hgap) ) / 2); } /* Quantity qeuries: see https://alistapart.com/article/quantity-queries-for-css/ */ .jp-related-posts-i2__post:nth-last-child(n+3):first-child, .jp-related-posts-i2__post:nth-last-child(n+3):first-child ~ * { /* From 3 total items on, 3 items by row */ flex-basis: calc(( 100% - var(--hgap) * 2 ) / 3); } .jp-related-posts-i2__post:nth-last-child(4):first-child, .jp-related-posts-i2__post:nth-last-child(4):first-child ~ * { /* Exception for 4 total items: 2 items by row */ flex-basis: calc(( 100% - var(--hgap) ) / 2); } .jp-related-posts-i2__post-link { display: flex; flex-direction: column; row-gap: 0.5rem; width: 100%; margin-bottom: 1rem; line-height: 1.2; } .jp-related-posts-i2__post-link:focus-visible { outline-offset: 2px; } .jp-related-posts-i2__post-img { order: -1; max-width: 100%; } .jp-related-posts-i2__post-defs { margin: 0; list-style-type: unset; } /* Hide, except from screen readers */ .jp-related-posts-i2__post-defs dt { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .jp-related-posts-i2__post-defs dd { margin: 0; } /* List view */ .jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__list { display: block; } .jp-relatedposts-i2[data-layout="list"] .jp-related-posts-i2__post { margin-bottom: 2rem; } /* Breakpoints */ @media only screen and (max-width: 640px) { .jp-related-posts-i2__list { display: block; } .jp-related-posts-i2__post { margin-bottom: 2rem; } } /* Container */ #jp-relatedposts { display: none; padding-top: 1em; margin: 1em 0; position: relative; clear: both; } .jp-relatedposts::after { content: ""; display: block; clear: both; } /* Headline above related posts section, labeled "Related" */ #jp-relatedposts h3.jp-relatedposts-headline { margin: 0 0 1em 0; display: inline-block; float: left; font-size: 9pt; font-weight: 700; font-family: inherit; } #jp-relatedposts h3.jp-relatedposts-headline em::before { content: ""; display: block; width: 100%; min-width: 30px; border-top: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 1em; } #jp-relatedposts h3.jp-relatedposts-headline em { font-style: normal; font-weight: 700; } /* Related posts items (wrapping items) */ #jp-relatedposts .jp-relatedposts-items { clear: left; } #jp-relatedposts .jp-relatedposts-items-visual { margin-right: -20px; } /* Related posts item */ #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { float: left; width: 33%; margin: 0 0 1em; /* Needs to be same as the main outer wrapper for Related Posts */ box-sizing: border-box; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post { padding-right: 20px; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n+4), #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:nth-child(3n+4) { clear: both; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover .jp-relatedposts-post-title a { text-decoration: underline; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:hover { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } /* Related posts item content */ #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title, #jp-relatedposts .jp-relatedposts-items p, #jp-relatedposts .jp-relatedposts-items time { font-size: 14px; line-height: 20px; margin: 0; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs { position: relative; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs a.jp-relatedposts-post-aoverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; border-bottom: 0; } #jp-relatedposts .jp-relatedposts-items p, #jp-relatedposts .jp-relatedposts-items time { margin-bottom: 0; } #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title { text-transform: none; margin: 0; font-family: inherit; display: block; max-width: 100%; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a { font-size: inherit; font-weight: 400; text-decoration: none; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a:hover { text-decoration: underline; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post img.jp-relatedposts-post-img, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post span { display: block; max-width: 90%; overflow: hidden; text-overflow: ellipsis; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post img.jp-relatedposts-post-img, #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post span { height: auto; max-width: 100%; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date, #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context { opacity: 0.6; } /* Hide the date by default, but leave the element there if * a theme wants to use css to make it visible. */ .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date { display: none; } /* Behavior when there are thumbnails in visual mode */ #jp-relatedposts .jp-relatedposts-items-visual div.jp-relatedposts-post-thumbs p.jp-relatedposts-post-excerpt { display: none; } /* Behavior when there are no thumbnails in visual mode */ #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs p.jp-relatedposts-post-excerpt { overflow: hidden; } #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post-nothumbs span { margin-bottom: 1em; } /* List Layout */ #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post { clear: both; width: 100%; } #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img { float: left; overflow: hidden; max-width: 33%; margin-right: 3%; } #jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title { display: inline-block; max-width: 63%; } /* * Responsive */ @media only screen and (max-width: 640px) { #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { width: 50%; } #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post:nth-child(3n) { clear: left; } #jp-relatedposts .jp-relatedposts-items-visual { margin-right: 20px; } } @media only screen and (max-width: 320px) { #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post { width: 100%; clear: both; margin: 0 0 1em; } #jp-relatedposts .jp-relatedposts-list .jp-relatedposts-post img.jp-relatedposts-post-img, #jp-relatedposts .jp-relatedposts-list h4.jp-relatedposts-post-title { float: none; max-width: 100%; margin-right: 0; } } /* * Hide the related post section in the print view of a post */ @media print { .jp-relatedposts { display: none !important; } } .wp-block-jetpack-rating-star span:not([aria-hidden="true"]) { display: none; }/* Inline styles */ .amp-wp-inline-248661b3cc279e176057e87ceadcc2d6{height:175px;max-width:595px;}.amp-wp-inline-138d714e6265bd8f1acd98fc68074908{clear:both;}.amp-wp-inline-f5b843dd0ebfc9b63b6a25cd365749b9{--relposth-columns:3;--relposth-columns_m:2;--relposth-columns_t:2;}.amp-wp-inline-99a714c900dc14587d97e93eaea2d3a4{color:#333333;font-family:Sans-Serif;font-size:14px;height:90px;}.amp-wp-inline-f57e3bc400cdfa31b15a9db5b7aae390{aspect-ratio:1/1;background:transparent no-repeat scroll 0% 0%;height:290px;max-width:290px;}.amp-wp-inline-1d4a18c958faacaaf6fab95dd92cf349{vertical-align:top;}.amp-wp-inline-0fcb15a8bb5e9e58274e95b4d7cfcec6{border-width:0px;}.amp-wp-inline-e83b3001d8045eddbc5ff9e9b885e24e{font-size:large;}.amp-wp-inline-142c14518d56808e8bf6392285b3afe9{font-size:10.5pt;}.amp-wp-inline-a5a85a04eebc7031a2f0d72e6cb42521{font-family:Georgia;}.amp-wp-inline-67be225e6a65c56b5bf5028142235c8c{color:#000000;}.amp-wp-inline-664f6f791aef7bff08abd9d73fd6785d{font-size:15pt;}

Smylan IV

FOR BEST VIEWING PUT IN 1080 HD in Video Player Settings and GO Full Screen!

 

Smylan IV

A kaleidoscopic fractal motion graphics work.

For this works official publication, details and support files please visit http://sethto.us/h55.

This visual translation began 27 February 2013 at 1:16 PM and was completed on 08 March 2013 at 4:04 AM.

Smylan IV is a kaleidoscopic fractal animation sequence which contains 3241 individual frames comprising 2 minute 09 seconds of 1080p HD video at 24.97 frames per second set to custom audio created and arranged by Seth using http://musicshake.com.

Smylan IV individual frames are available in a 1920×1080 JPG for viewing, remixing and to download. I have observed that each individual frame is just as amazing to view as the completed animated sequence. Remember. the animation displays 24.97 individual frames every second, so taking a moment to view each frame as it unfolds a whole new perspective hidden in plain view in the animation work.

 

Soundtrack Music:

License: CC BY-NC-SA 3.0

Smylan IV created by Seth Dennon with http://eng.musicshake.com

Soundtrack link: http://eng.musicshake.com/user/sethd8/song/194635

Image Attribution

License: CC BY 3.0

Sergey Gabdurakhmanovhttp://www.flickr.com/photos/gabdurakhmanov/3760958957/

proxygeek – http://www.flickr.com/photos/proxygeek/565084225/

Joe Parkshttp://www.flickr.com/photos/parksjd/8394438334/

Surajram Kumaravehttp://www.flickr.com/photos/surajram/4565509110/

 

Software Used:

Apophysis 7X.14 – http://apophysis.xyrus-worx.org/

Apophymator 10xhttp://morphapoph.deviantart.com/art/Apophymator-10x-178384717

flam3http://flam3.com/

Kaleider 4.8.1 — http://www.whizical.com/index.htm/

GIMP 2.8http://www.gimp.org/

VirtualDub APNG MOD 1.9.11http://www.virtualdub.org/

VirtualDub Filter Pack 2011http://codecpack.co/download/VirtualDub-Filter-Pack.html

AVS Video Converter 8.2http://www.avs4you.com/AVS-Video-Converter.aspx

 

Source & Settings Files:

Apophysis Animation Key Frameshttp://media.sethdennon.com/SMYLAN-IV-KEY-FRAMES.flame

VirtualDub Settings Parametershttp://media.sethdennon.com/SMYLAN-IV-VIRTUALDUB-SETTINGS.vcf

GIMP Title Overlay Filehttp://media.sethdennon.com/SMYLAN-IV-TITLE-OVERLAY.xcf

GIMP Background Overlay File – http://media.sethdennon.com/SMYLAN-IV-BACKGROUND-OVERLAY.xcf

Title Overlays BMPhttp://media.sethdennon.com/SMYLAN-IV-TITLE-OVERLAY.bmp

Background Overlay BMPhttp://media.sethdennon.com/SMYLAN-IV-BACKGROUND-OVERLAY.bmp

Background Overlay PNGhttp://media.sethdennon.com/SMYLAN-IV-BACKGROUND-OVERLAY.png

Source Post Processed files available athttp://www.flickr.com/photos/sethd8/sets/72157632957163366/

 

Download Site of Selected Works in 1920×1080 HD h.264 AVI

SethD8’s Public DropBoxhttp://sethto.us/dload

 

Visual Work Concepts translated from articles posted on:

http://dimensionalbliss.com

Over 18,000 articles, videos and artworks shared since 2006.

 

Member Artist of QAGI/EGOCREANEThttps://sites.google.com/site/quantumartgroupitaly/

 



Smylan IV by Seth Dennon is licensed under a Creative Commons Attribution 3.0 Unported License unless otherwise marked.

Based on a work at http://sethto.us/h55.

Permissions beyond the scope of this license may be available at https://sethdennon.com/free-cultural-works/.



Smylan IV by Seth Dennon is licensed under a Creative Commons Attribution-NonCommercial 4.0 International