Turkey Hunting with Horizontal Lines

Developer
Size
7,568 Kb
Views
8,096

How do I make an turkey hunting with horizontal lines?

Set of hr styles. Some basic for basic horizontal lines, some more complex to add to the story. Read the story! Script from Errol Morris film Vernon, FL. Super Duper! . What is a turkey hunting with horizontal lines? How do you make a turkey hunting with horizontal lines? This script and codes were developed by Pollardld on 08 November 2022, Tuesday.

Turkey Hunting with Horizontal Lines Previews

Turkey Hunting with Horizontal Lines - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Turkey Hunting with Horizontal Lines</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <style> /* NOTE: The styles were added inline because Prefixfree needs access to your styles and they must be inlined if they are on local disk! */ @import url(https://fonts.googleapis.com/css?family=Fanwood+Text);
@font-face { font-family: 'gauntregular'; src: url("http://floriduh.org/fonts/gaunt-webfont.eot"); src: url("http://floriduh.org/fonts/gaunt-webfont.eot?#iefix") format("embedded-opentype"), url("http://floriduh.org/fonts/gaunt-webfont.woff") format("woff"), url("http://floriduh.org/fonts/gaunt-webfont.ttf") format("truetype"), url("http://floriduh.org/fonts/gaunt-webfont.svg#gauntregular") format("svg"); font-weight: normal; font-style: normal;
}
* { box-sizing: border-box;
}
body { background-color: #c1ebe0; text-rendering: geometricPrecision;
}
article { color: #5c2a1c; font-family: "Fanwood Text", serif; margin: 0 auto; padding: 3rem 0; max-width: 25em; width: 80%;
}
h1 { font-family: "gauntregular", serif; font-weight: normal; text-align: center; text-transform: uppercase; color: #1a5a2a; font-size: 2.375em; letter-spacing: .01em; margin: 0 0 1.25rem;
}
h2 { font-family: "gauntregular", serif; font-weight: normal; text-align: center; text-transform: uppercase; color: #1a5a2a; font-size: 1.125em; margin: 0 0 .5rem;
}
h2 a { color: #1a5a2a; text-decoration: none;
}
p { font-size: 1em; line-height: 1.5em; margin: 0 0 1.25rem; text-align: justify;
}
div { margin: 0 auto; width: 80%;
}
div p { display: inline-block; margin: 0 -1px 1.25rem; vertical-align: middle; width: 75%;
}
div .right { text-align: right;
}
div img { display: inline-block; margin: 0 -2px 1.25rem 10%; vertical-align: middle; width: 15%;
}
div img.turkey { display: block; margin: 0 auto; width: 30%;
}
div .img-right { margin: 0 10% 1.25rem -2px;
}
div h2 { color: #5c2a1c; margin: 1.25rem 0;
}
hr { border: none; margin: 0 0 1.25rem;
}
hr.hr-opening { border-bottom: 0.0875em dashed rgba(250, 106, 138, 0.75); margin: 0 auto 1.25rem; position: relative; width: 50%;
}
hr.hr-opening:after { border-bottom: 0.0875em dashed rgba(250, 106, 138, 0.5); content: ''; left: -12.5%; position: absolute; top: .25em; width: 125%;
}
hr.hr-break { background: rgba(92, 42, 28, 0.5); height: .0625em;
}
hr.hr-scroll { background: #fa6a8a; height: .0625em; position: relative;
}
hr.hr-scroll:after { border-left: .75em solid transparent; border-right: .75em solid transparent; border-top: 0.75em solid #fa6a8a; content: ''; height: 0; left: 11.75em; position: absolute; width: 0;
}
hr.hr-section { background: #1a5a2a; height: .0625em; position: relative;
}
hr.hr-section:after { background: rgba(26, 90, 42, 0.5); content: ''; height: .0625em; left: 0; position: absolute; top: .1875em; width: 100%;
}
hr.hr-story-right { background-image: linear-gradient(-45deg, rgba(250, 106, 138, 0), rgba(250, 106, 138, 0) 45%, #fa6a8a 45%, #fa6a8a 55%, rgba(250, 106, 138, 0) 55%, rgba(250, 106, 138, 0) 100%); background-size: .3125em 100%; height: .3125em; margin: 0 0 1.675em; position: relative;
}
hr.hr-story-right:before, hr.hr-story-right.hr-focus:after, hr.hr-story-right.hr-alert:after { background-image: linear-gradient(45deg, rgba(250, 106, 138, 0), rgba(250, 106, 138, 0) 45%, #fa6a8a 45%, #fa6a8a 55%, rgba(250, 106, 138, 0) 55%, rgba(250, 106, 138, 0) 100%); background-size: .3125em 100%; content: ''; height: .3125em; position: absolute; right: 0; top: .3125em; width: 100%;
}
hr.hr-story-left { background-image: linear-gradient(45deg, rgba(250, 106, 138, 0), rgba(250, 106, 138, 0) 45%, #fa6a8a 45%, #fa6a8a 55%, rgba(250, 106, 138, 0) 55%, rgba(250, 106, 138, 0) 100%); background-size: .3125em 100%; height: .3125em; margin: 0 0 1.675em; position: relative;
}
hr.hr-story-left:before, hr.hr-story-left.hr-focus:after, hr.hr-story-left.hr-alert:after { background-image: linear-gradient(-45deg, rgba(250, 106, 138, 0), rgba(250, 106, 138, 0) 45%, #fa6a8a 45%, #fa6a8a 55%, rgba(250, 106, 138, 0) 55%, rgba(250, 106, 138, 0) 100%); background-size: .3125em 100%; content: ''; height: .3125em; position: absolute; right: 0; top: .3125em; width: 100%;
}
hr.hr-movement { background-color: #fa6a8a; border-radius: 50%; height: .5em; margin: 0 auto 1.25rem; position: relative; width: .5em;
}
hr.hr-movement:before, hr.hr-movement.hr-focus:after, hr.hr-movement.hr-alert:after { background: #fa6a8a; border-radius: 50%; content: ''; height: .75em; left: -2em; position: absolute; top: -.125em; width: .75em;
}
hr.hr-movement:after { background: #fa6a8a; border-radius: 50%; content: ''; height: .25em; position: absolute; right: -1.5em; top: .125em; width: .25em;
}
hr.hr-focus { background: #fff; border: 0.25em solid #fa6a8a; border-radius: 50% 10% 50% 10%; height: .5em; margin: 0 auto 1.25rem; position: relative; width: .5em; transform: rotate(45deg);
}
hr.hr-focus:before, hr.hr-focus:after { content: 'x'; color: #fa6a8a; font-family: "gauntregular", serif; font-size: .8125em; left: -1.25em; position: absolute; top: 1.25em; transform: rotate(-45deg);
}
hr.hr-focus:after { bottom: 1.125em; left: auto; right: -1.25em; top: auto;
}
hr.hr-alert { background-color: #fa6a8a; border-radius: 50%; height: .75em; margin: 0 auto 1.25rem; position: relative; width: .75em;
}
hr.hr-alert:before, hr.hr-alert:after { background-image: linear-gradient(to left, #fa6a8a 0%, #c1ebe0 100%); content: ''; left: -10em; height: .125em; position: absolute; top: .3125em; width: 10.25em;
}
hr.hr-alert:after { background-image: linear-gradient(to right, #fa6a8a 0%, #c1ebe0 100%); left: auto; right: -10em;
}
hr.hr-bullet { background: #fa6a8a; border-radius: 10% 50% 50% 10%; height: .5em; left: 0; position: relative; width: 1.5em; animation: bullet 5s linear infinite;
}
iframe { display: block; margin: 0 auto 1.25rem;
}
.credit { margin: 2.5rem 0;
}
.credits { font-size: .75em; margin: 2.5rem auto 0; position: relative; width: 80%;
}
.credits ul { list-style: none; margin: 0; padding: 0;
}
@keyframes bullet { 0% { left: 0; } 100% { left: 100%; }
} </style> <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
</head>
<body> <article> <h2>You gotta like outdoor sports. And I've always loved it.</h2> <h1>Especially turkey hunting.</h1> <hr class="hr-opening"> <p>I killed my first turkey when I was 10 years old. I can't tell you how many I've killed, but I've killed a lot of them. I run a business. I close the business down if I have to...<br />to go turkey hunting. It's just something that I like. It's just in me. I can't tell you how I feel. It's just a hell of a sport, that's all.</p> <hr class="hr-break"> <p>Sometimes you can be standing around and hear one jar the ground. And you just look at the roads and fire trails...<br />untiI you pick up fresh tracks and know which way he's going. And just go to that area, stop, listen...<br />and hope that you hear one.</p> <p>Sometimes they gobble quite often, early. Sometimes it's minutes. And later on in the morning, sometimes it's every minutes. You just can't tell. They're a smart bird. The smartest we got in this country. See now, we spend time like this day in and day out...<br />and not hear nothing. But you know they're here.</p> <hr class="hr-scroll"> <p>I got my gun. I didn't get to use the bathroom, though. I was fixing to...<br />but right out in them pines I heard one gobble. And I said, "My God". Boy, that's the best diarrhea medicine in the world. You hear a turkey gobble, you forget all about diarrhea and everything. Headaches, everything. That'd cure anything.</p> <hr class="hr-section"> <p>I grabbed my gun, and I tore out. I must have went a quarter of a mile. Went through a bunch of pines. And he double-gobbled. I knew right then that I had a pretty good chance of killing him. Man, it hadn't been 30 minutes since one had been killed. Bless your heart. The next time he gobbled, there he was. Right out there in that wiregrass and broom-sage.</p> <div> <p>I just yelped real low to him.</p> <img src="http://floriduh.org/img/yelp.svg"> <hr class="hr-story-left"> <img class="img-right" src="http://floriduh.org/img/turkey-sil.svg"> <p class="right">He gobbled.</p> <hr class="hr-story-right"> <p>He was coming straight towards me. He wasn't walking. He wasn't running. It was sort of in a little fast trot.</p> <img src="http://floriduh.org/img/spy.svg"> <hr class="hr-movement"> <p>I had a good blind in some palmettos. I was sitting behind some palmettos. I done had my gun on him.</p> <img src="http://floriduh.org/img/hunt.svg"> <hr class="hr-focus"> <p>When he got up there...<br />he was walking a little too fast to shoot him, 'cause I wanted a sure shot. And what I done, I just whistled.</p> <img src="http://floriduh.org/img/wave.svg"> <hr class="hr-alert"> <img class="img-right" src="http://floriduh.org/img/turkey-sil.svg"> <p class="right">And he stopped, and he looked...</p> <hr class="hr-bullet"> <h2>and when he looked up, that was the end of it.</h2> <img class="turkey" src="http://floriduh.org/img/turkey-color.svg"> </div> <hr class="hr-break credit"> <div class="credits"> <h2>Please do the liking</h2> <ul> <li>Credits:</li> <li>Double Border with Opacity - Charlene Foote</li> <li>Turkey - Matt Steele</li> <li>Spy - Dan Hetteix</li> <li>Waves - Stephen Hutchings</li> </ul> <h2><a href="http://floriduh.org/vernon">Floriduh Vernon Story</a></h2> </div> <iframe width="300" height="220" src="//www.youtube.com/embed/PczSVHWNqcc" frameborder="0" allowfullscreen></iframe> <iframe src="//player.vimeo.com/video/28921882?title=0&amp;byline=0&amp;portrait=0" width="300" height="220" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <hr class="hr-break"> <iframe width="300" height="220" src="//www.youtube.com/embed/lyfxgL4AFWg" frameborder="0" allowfullscreen></iframe>
</article>
</body>
</html>

Turkey Hunting with Horizontal Lines - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Fanwood+Text);
@font-face { font-family: 'gauntregular'; src: url("http://floriduh.org/fonts/gaunt-webfont.eot"); src: url("http://floriduh.org/fonts/gaunt-webfont.eot?#iefix") format("embedded-opentype"), url("http://floriduh.org/fonts/gaunt-webfont.woff") format("woff"), url("http://floriduh.org/fonts/gaunt-webfont.ttf") format("truetype"), url("http://floriduh.org/fonts/gaunt-webfont.svg#gauntregular") format("svg"); font-weight: normal; font-style: normal;
}
* { box-sizing: border-box;
}
body { background-color: #c1ebe0; text-rendering: geometricPrecision;
}
article { color: #5c2a1c; font-family: "Fanwood Text", serif; margin: 0 auto; padding: 3rem 0; max-width: 25em; width: 80%;
}
h1 { font-family: "gauntregular", serif; font-weight: normal; text-align: center; text-transform: uppercase; color: #1a5a2a; font-size: 2.375em; letter-spacing: .01em; margin: 0 0 1.25rem;
}
h2 { font-family: "gauntregular", serif; font-weight: normal; text-align: center; text-transform: uppercase; color: #1a5a2a; font-size: 1.125em; margin: 0 0 .5rem;
}
h2 a { color: #1a5a2a; text-decoration: none;
}
p { font-size: 1em; line-height: 1.5em; margin: 0 0 1.25rem; text-align: justify;
}
div { margin: 0 auto; width: 80%;
}
div p { display: inline-block; margin: 0 -1px 1.25rem; vertical-align: middle; width: 75%;
}
div .right { text-align: right;
}
div img { display: inline-block; margin: 0 -2px 1.25rem 10%; vertical-align: middle; width: 15%;
}
div img.turkey { display: block; margin: 0 auto; width: 30%;
}
div .img-right { margin: 0 10% 1.25rem -2px;
}
div h2 { color: #5c2a1c; margin: 1.25rem 0;
}
hr { border: none; margin: 0 0 1.25rem;
}
hr.hr-opening { border-bottom: 0.0875em dashed rgba(250, 106, 138, 0.75); margin: 0 auto 1.25rem; position: relative; width: 50%;
}
hr.hr-opening:after { border-bottom: 0.0875em dashed rgba(250, 106, 138, 0.5); content: ''; left: -12.5%; position: absolute; top: .25em; width: 125%;
}
hr.hr-break { background: rgba(92, 42, 28, 0.5); height: .0625em;
}
hr.hr-scroll { background: #fa6a8a; height: .0625em; position: relative;
}
hr.hr-scroll:after { border-left: .75em solid transparent; border-right: .75em solid transparent; border-top: 0.75em solid #fa6a8a; content: ''; height: 0; left: 11.75em; position: absolute; width: 0;
}
hr.hr-section { background: #1a5a2a; height: .0625em; position: relative;
}
hr.hr-section:after { background: rgba(26, 90, 42, 0.5); content: ''; height: .0625em; left: 0; position: absolute; top: .1875em; width: 100%;
}
hr.hr-story-right { background-image: linear-gradient(-45deg, rgba(250, 106, 138, 0), rgba(250, 106, 138, 0) 45%, #fa6a8a 45%, #fa6a8a 55%, rgba(250, 106, 138, 0) 55%, rgba(250, 106, 138, 0) 100%); background-size: .3125em 100%; height: .3125em; margin: 0 0 1.675em; position: relative;
}
hr.hr-story-right:before, hr.hr-story-right.hr-focus:after, hr.hr-story-right.hr-alert:after { background-image: linear-gradient(45deg, rgba(250, 106, 138, 0), rgba(250, 106, 138, 0) 45%, #fa6a8a 45%, #fa6a8a 55%, rgba(250, 106, 138, 0) 55%, rgba(250, 106, 138, 0) 100%); background-size: .3125em 100%; content: ''; height: .3125em; position: absolute; right: 0; top: .3125em; width: 100%;
}
hr.hr-story-left { background-image: linear-gradient(45deg, rgba(250, 106, 138, 0), rgba(250, 106, 138, 0) 45%, #fa6a8a 45%, #fa6a8a 55%, rgba(250, 106, 138, 0) 55%, rgba(250, 106, 138, 0) 100%); background-size: .3125em 100%; height: .3125em; margin: 0 0 1.675em; position: relative;
}
hr.hr-story-left:before, hr.hr-story-left.hr-focus:after, hr.hr-story-left.hr-alert:after { background-image: linear-gradient(-45deg, rgba(250, 106, 138, 0), rgba(250, 106, 138, 0) 45%, #fa6a8a 45%, #fa6a8a 55%, rgba(250, 106, 138, 0) 55%, rgba(250, 106, 138, 0) 100%); background-size: .3125em 100%; content: ''; height: .3125em; position: absolute; right: 0; top: .3125em; width: 100%;
}
hr.hr-movement { background-color: #fa6a8a; border-radius: 50%; height: .5em; margin: 0 auto 1.25rem; position: relative; width: .5em;
}
hr.hr-movement:before, hr.hr-movement.hr-focus:after, hr.hr-movement.hr-alert:after { background: #fa6a8a; border-radius: 50%; content: ''; height: .75em; left: -2em; position: absolute; top: -.125em; width: .75em;
}
hr.hr-movement:after { background: #fa6a8a; border-radius: 50%; content: ''; height: .25em; position: absolute; right: -1.5em; top: .125em; width: .25em;
}
hr.hr-focus { background: #fff; border: 0.25em solid #fa6a8a; border-radius: 50% 10% 50% 10%; height: .5em; margin: 0 auto 1.25rem; position: relative; width: .5em; transform: rotate(45deg);
}
hr.hr-focus:before, hr.hr-focus:after { content: 'x'; color: #fa6a8a; font-family: "gauntregular", serif; font-size: .8125em; left: -1.25em; position: absolute; top: 1.25em; transform: rotate(-45deg);
}
hr.hr-focus:after { bottom: 1.125em; left: auto; right: -1.25em; top: auto;
}
hr.hr-alert { background-color: #fa6a8a; border-radius: 50%; height: .75em; margin: 0 auto 1.25rem; position: relative; width: .75em;
}
hr.hr-alert:before, hr.hr-alert:after { background-image: linear-gradient(to left, #fa6a8a 0%, #c1ebe0 100%); content: ''; left: -10em; height: .125em; position: absolute; top: .3125em; width: 10.25em;
}
hr.hr-alert:after { background-image: linear-gradient(to right, #fa6a8a 0%, #c1ebe0 100%); left: auto; right: -10em;
}
hr.hr-bullet { background: #fa6a8a; border-radius: 10% 50% 50% 10%; height: .5em; left: 0; position: relative; width: 1.5em; animation: bullet 5s linear infinite;
}
iframe { display: block; margin: 0 auto 1.25rem;
}
.credit { margin: 2.5rem 0;
}
.credits { font-size: .75em; margin: 2.5rem auto 0; position: relative; width: 80%;
}
.credits ul { list-style: none; margin: 0; padding: 0;
}
@keyframes bullet { 0% { left: 0; } 100% { left: 100%; }
}
Turkey Hunting with Horizontal Lines - Script Codes
Turkey Hunting with Horizontal Lines - Script Codes
Home Page Home
Developer Pollardld
Username pollardld
Uploaded November 08, 2022
Rating 3
Size 7,568 Kb
Views 8,096
Do you need developer help for Turkey Hunting with Horizontal Lines?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Pollardld (pollardld) Script Codes
Create amazing art & images with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!