| @@ -0,0 +1,7 @@ | ||
| <component lightWeight="true"> | ||
| <attach event="onpropertychange" onevent="handlePropertychange()" /> | ||
| <attach event="ondetach" onevent="restore()" /> | ||
| <attach event="onresize" for="window" onevent="handleResize()" /> | ||
| <script type="text/javascript"> | ||
| var rsrc=/url\(["']?(.*?)["']?\)/,positions={top:0,left:0,bottom:1,right:1,center:0.5},doc=element.document;init(); function init(){var b=doc.createElement("div"),a=doc.createElement("img"),c,d;b.style.position="absolute";b.style.zIndex=-1;b.style.top=0;b.style.right=0;b.style.left=0;b.style.bottom=0;b.style.overflow="hidden";a.style.position="absolute";a.style.width=a.style.width="auto";b.appendChild(a);element.insertBefore(b,element.firstChild);d=[element.currentStyle.backgroundPositionX,element.currentStyle.backgroundPositionY];element.bgsExpando=c={wrapper:b,img:a,backgroundSize:element.currentStyle["background-size"], backgroundPositionX:positions[d[0]]||parseFloat(d[0])/100,backgroundPositionY:positions[d[1]]||parseFloat(d[1])/100};"auto"==element.currentStyle.zIndex&&(element.style.zIndex=0);"static"==element.currentStyle.position&&(element.style.position="relative");refreshDisplay(element,c)&&(refreshDimensions(element,c),refreshBackgroundImage(element,c,function(){updateBackground(element,c)}))} function refreshDisplay(b,a){var c=b.currentStyle.display;c!=a.display&&(a.display=c,a.somethingChanged=!0);return"none"!=c}function refreshDimensions(b,a){var c=b.offsetWidth-(parseFloat(b.currentStyle.borderLeftWidth)||0)-(parseFloat(b.currentStyle.borderRightWidth)||0),d=b.offsetHeight-(parseFloat(b.currentStyle.borderTopWidth)||0)-(parseFloat(b.currentStyle.borderBottomWidth)||0);if(c!=a.innerWidth||d!=a.innerHeight)a.innerWidth=c,a.innerHeight=d,a.somethingChanged=!0} function refreshBackgroundImage(b,a,c){var d=a.img,e=(rsrc.exec(b.currentStyle.backgroundImage)||[])[1];if(e&&e!=a.backgroundSrc){a.backgroundSrc=e;a.somethingChanged=!0;d.onload=function(){var b=d.width,e=d.height;1==b&&1==e||(a.imgWidth=b,a.imgHeight=e,a.constrain=!1,c(),d.style.visibility="visible",d.onload=null)};d.style.visibility="hidden";d.src=a.backgroundSrc;if(d.readyState||d.complete)d.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==",d.src=a.backgroundSrc;a.ignoreNextPropertyChange= !0;b.style.backgroundImage="none"}else c()} function updateBackground(b,a){if(a.somethingChanged){var c=a.img,d=a.innerWidth/a.innerHeight,e=a.imgWidth/a.imgHeight,f=a.constrain;"contain"==a.backgroundSize?e>d?(a.constrain=d="width",e=Math.floor((a.innerHeight-a.innerWidth/e)*a.backgroundPositionY),c.style.top=e+"px",d!=f&&(c.style.width="100%",c.style.height="auto",c.style.left=0)):(a.constrain=d="height",e=Math.floor((a.innerWidth-a.innerHeight*e)*a.backgroundPositionX),c.style.left=e+"px",d!=f&&(c.style.width="auto",c.style.height="100%", c.style.top=0)):"cover"==a.backgroundSize&&(e>d?(a.constrain=d="height",e=Math.floor((a.innerHeight*e-a.innerWidth)*a.backgroundPositionX),c.style.left=-e+"px",d!=f&&(c.style.width="auto",c.style.height="100%",c.style.top=0)):(a.constrain=d="width",e=Math.floor((a.innerWidth/e-a.innerHeight)*a.backgroundPositionY),c.style.top=-e+"px",d!=f&&(c.style.width="100%",c.style.height="auto",c.style.left=0)));a.somethingChanged=!1}} function handlePropertychange(){var b=element.bgsExpando;b.ignoreNextPropertyChange?b.ignoreNextPropertyChange=!1:refreshDisplay(element,b)&&(refreshDimensions(element,b),refreshBackgroundImage(element,b,function(){updateBackground(element,b)}))}function handleResize(){var b=element.bgsExpando;"none"!=b.display&&(refreshDimensions(element,b),updateBackground(element,b))} function restore(){var b=element.bgsExpando;try{element.style.backgroundImage="url('"+b.backgroundSrc+"')",element.removeChild(b.wrapper),element.bgsExpando=null}catch(a){}}; | ||
| </script> |
| @@ -0,0 +1,135 @@ | ||
| /* | ||
| Strata by HTML5 UP | ||
| html5up.net | @ajlkn | ||
| Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) | ||
| */ | ||
|
|
||
| (function($) { | ||
|
|
||
| var settings = { | ||
|
|
||
| // Parallax background effect? | ||
| parallax: true, | ||
|
|
||
| // Parallax factor (lower = more intense, higher = less intense). | ||
| parallaxFactor: 20 | ||
|
|
||
| }; | ||
|
|
||
| skel.breakpoints({ | ||
| xlarge: '(max-width: 1800px)', | ||
| large: '(max-width: 1280px)', | ||
| medium: '(max-width: 980px)', | ||
| small: '(max-width: 736px)', | ||
| xsmall: '(max-width: 480px)' | ||
| }); | ||
|
|
||
| $(function() { | ||
|
|
||
| var $window = $(window), | ||
| $body = $('body'), | ||
| $header = $('#header'), | ||
| $footer = $('#footer'), | ||
| $main = $('#main'); | ||
|
|
||
| // Disable animations/transitions until the page has loaded. | ||
| $body.addClass('is-loading'); | ||
|
|
||
| $window.on('load', function() { | ||
| $body.removeClass('is-loading'); | ||
| }); | ||
|
|
||
| // Touch? | ||
| if (skel.vars.mobile) { | ||
|
|
||
| // Turn on touch mode. | ||
| $body.addClass('is-touch'); | ||
|
|
||
| // Height fix (mostly for iOS). | ||
| window.setTimeout(function() { | ||
| $window.scrollTop($window.scrollTop() + 1); | ||
| }, 0); | ||
|
|
||
| } | ||
|
|
||
| // Fix: Placeholder polyfill. | ||
| $('form').placeholder(); | ||
|
|
||
| // Prioritize "important" elements on medium. | ||
| skel.on('+medium -medium', function() { | ||
| $.prioritize( | ||
| '.important\\28 medium\\29', | ||
| skel.breakpoint('medium').active | ||
| ); | ||
| }); | ||
|
|
||
| // Footer. | ||
| skel.on('+medium', function() { | ||
| $footer.insertAfter($main); | ||
| }); | ||
|
|
||
| skel.on('-medium !medium', function() { | ||
| $footer.appendTo($header); | ||
| }); | ||
|
|
||
| // Header. | ||
|
|
||
| // Parallax background. | ||
|
|
||
| // Disable parallax on IE (smooth scrolling is jerky), and on mobile platforms (= better performance). | ||
| if (skel.vars.browser == 'ie' | ||
| || skel.vars.mobile) | ||
| settings.parallax = false; | ||
|
|
||
| if (settings.parallax) { | ||
|
|
||
| skel.on('change', function() { | ||
|
|
||
| if (skel.breakpoint('medium').active) { | ||
|
|
||
| $window.off('scroll.strata_parallax'); | ||
| $header.css('background-position', 'top left, center center'); | ||
|
|
||
| } | ||
| else { | ||
|
|
||
| $header.css('background-position', 'left 0px'); | ||
|
|
||
| $window.on('scroll.strata_parallax', function() { | ||
| $header.css('background-position', 'left ' + (-1 * (parseInt($window.scrollTop()) / settings.parallaxFactor)) + 'px'); | ||
| }); | ||
|
|
||
| } | ||
|
|
||
| }); | ||
|
|
||
| $window.on('load', function() { | ||
| $window.triggerHandler('scroll'); | ||
| }); | ||
|
|
||
| } | ||
|
|
||
| // Main Sections: Two. | ||
|
|
||
| // Lightbox gallery. | ||
| $window.on('load', function() { | ||
|
|
||
| $('#two').poptrox({ | ||
| caption: function($a) { return $a.next('h3').text(); }, | ||
| overlayColor: '#2c2c2c', | ||
| overlayOpacity: 0.85, | ||
| popupCloserText: '', | ||
| popupLoaderText: '', | ||
| selector: '.work-item a.image', | ||
| usePopupCaption: true, | ||
| usePopupDefaultStyling: false, | ||
| usePopupEasyClose: false, | ||
| usePopupNav: true, | ||
| windowMargin: (skel.breakpoint('small').active ? 0 : 50) | ||
| }); | ||
|
|
||
| }); | ||
|
|
||
| }); | ||
|
|
||
| })(jQuery); |
| @@ -0,0 +1,87 @@ | ||
| @import 'libs/vars'; | ||
| @import 'libs/functions'; | ||
| @import 'libs/mixins'; | ||
| @import 'libs/skel'; | ||
|
|
||
| /* | ||
| Strata by HTML5 UP | ||
| html5up.net | @ajlkn | ||
| Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) | ||
| */ | ||
|
|
||
| /* Button */ | ||
|
|
||
| input[type="submit"], | ||
| input[type="reset"], | ||
| input[type="button"], | ||
| .button { | ||
| position: relative; | ||
| -ms-behavior: url('assets/js/ie/PIE.htc'); | ||
| } | ||
|
|
||
| /* Form */ | ||
|
|
||
| input[type="text"], | ||
| input[type="password"], | ||
| input[type="email"], | ||
| select, | ||
| textarea { | ||
| position: relative; | ||
| -ms-behavior: url('assets/js/ie/PIE.htc'); | ||
| } | ||
|
|
||
| input[type="text"], | ||
| input[type="password"], | ||
| input[type="email"], | ||
| select { | ||
| height: _size(element-height); | ||
| line-height: _size(element-height); | ||
| } | ||
|
|
||
| input[type="checkbox"], | ||
| input[type="radio"] { | ||
| & + label { | ||
| &:before { | ||
| display: none; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| /* Image */ | ||
|
|
||
| .image { | ||
| position: relative; | ||
| -ms-behavior: url('assets/js/ie/PIE.htc'); | ||
|
|
||
| &:before, &:after { | ||
| display: none !important; | ||
| } | ||
|
|
||
| img { | ||
| position: relative; | ||
| -ms-behavior: url('assets/js/ie/PIE.htc'); | ||
| } | ||
| } | ||
|
|
||
| /* Header */ | ||
|
|
||
| #header { | ||
| background-image: url('../../images/bg.jpg'); | ||
| background-repeat: no-repeat; | ||
| background-size: cover; | ||
| -ms-behavior: url('assets/js/ie/backgroundsize.min.htc'); | ||
|
|
||
| h1 { | ||
| color: _palette(accent2, fg-bold); | ||
| } | ||
| } | ||
|
|
||
| /* Footer */ | ||
|
|
||
| #footer { | ||
| .icons { | ||
| a { | ||
| color: _palette(accent2, fg-bold); | ||
| } | ||
| } | ||
| } |
| @@ -0,0 +1,34 @@ | ||
| /// Gets a duration value. | ||
| /// @param {string} $keys Key(s). | ||
| /// @return {string} Value. | ||
| @function _duration($keys...) { | ||
| @return val($duration, $keys...); | ||
| } | ||
|
|
||
| /// Gets a font value. | ||
| /// @param {string} $keys Key(s). | ||
| /// @return {string} Value. | ||
| @function _font($keys...) { | ||
| @return val($font, $keys...); | ||
| } | ||
|
|
||
| /// Gets a misc value. | ||
| /// @param {string} $keys Key(s). | ||
| /// @return {string} Value. | ||
| @function _misc($keys...) { | ||
| @return val($misc, $keys...); | ||
| } | ||
|
|
||
| /// Gets a palette value. | ||
| /// @param {string} $keys Key(s). | ||
| /// @return {string} Value. | ||
| @function _palette($keys...) { | ||
| @return val($palette, $keys...); | ||
| } | ||
|
|
||
| /// Gets a size value. | ||
| /// @param {string} $keys Key(s). | ||
| /// @return {string} Value. | ||
| @function _size($keys...) { | ||
| @return val($size, $keys...); | ||
| } |
| @@ -0,0 +1,56 @@ | ||
| /// Makes an element's :before pseudoelement a FontAwesome icon. | ||
| /// @param {string} $content Optional content value to use. | ||
| /// @param {string} $where Optional pseudoelement to target (before or after). | ||
| @mixin icon($content: false, $where: before) { | ||
|
|
||
| text-decoration: none; | ||
|
|
||
| &:#{$where} { | ||
|
|
||
| @if $content { | ||
| content: $content; | ||
| } | ||
|
|
||
| -moz-osx-font-smoothing: grayscale; | ||
| -webkit-font-smoothing: antialiased; | ||
| font-family: FontAwesome; | ||
| font-style: normal; | ||
| font-weight: normal; | ||
| text-transform: none !important; | ||
|
|
||
| } | ||
|
|
||
| } | ||
|
|
||
| /// Applies padding to an element, taking the current element-margin value into account. | ||
| /// @param {mixed} $tb Top/bottom padding. | ||
| /// @param {mixed} $lr Left/right padding. | ||
| /// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left) | ||
| /// @param {bool} $important If true, adds !important. | ||
| @mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) { | ||
|
|
||
| @if $important { | ||
| $important: '!important'; | ||
| } | ||
|
|
||
| padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max(0.1em, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important}; | ||
|
|
||
| } | ||
|
|
||
| /// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp). | ||
| /// @param {string} $svg SVG data URL. | ||
| /// @return {string} Encoded SVG data URL. | ||
| @function svg-url($svg) { | ||
|
|
||
| $svg: str-replace($svg, '"', '\''); | ||
| $svg: str-replace($svg, '<', '%3C'); | ||
| $svg: str-replace($svg, '>', '%3E'); | ||
| $svg: str-replace($svg, '&', '%26'); | ||
| $svg: str-replace($svg, '#', '%23'); | ||
| $svg: str-replace($svg, '{', '%7B'); | ||
| $svg: str-replace($svg, '}', '%7D'); | ||
| $svg: str-replace($svg, ';', '%3B'); | ||
|
|
||
| @return url("data:image/svg+xml;charset=utf8,#{$svg}"); | ||
|
|
||
| } |
| @@ -0,0 +1,58 @@ | ||
| // Misc. | ||
| $misc: ( | ||
| z-index-base: 10000 | ||
| ); | ||
|
|
||
| // Duration. | ||
| $duration: ( | ||
| transition: 0.2s | ||
| ); | ||
|
|
||
| // Size. | ||
| $size: ( | ||
| border-radius: 0.35em, | ||
| element-height: 2.75em, | ||
| element-margin: 2em | ||
| ); | ||
|
|
||
| // Font. | ||
| $font: ( | ||
| family: ('Source Sans Pro', Helvetica, sans-serif), | ||
| family-fixed: ('Courier New', monospace), | ||
| weight: 400, | ||
| weight-bold: 400 | ||
| ); | ||
|
|
||
| // Palette. | ||
| $palette: ( | ||
| bg: #fff, | ||
| fg: #a2a2a2, | ||
| fg-bold: #787878, | ||
| fg-light: #b2b2b2, | ||
| border: #efefef, | ||
| border-bg: #f7f7f7, | ||
| border2: #dfdfdf, | ||
| border2-bg: #e7e7e7, | ||
|
|
||
| accent1: ( | ||
| bg: #49bf9d, | ||
| fg: mix(#49bf9d, #ffffff, 25%), | ||
| fg-bold: #ffffff, | ||
| fg-light: mix(#49bf9d, #ffffff, 40%), | ||
| border: rgba(255,255,255,0.25), | ||
| border-bg: rgba(255,255,255,0.075), | ||
| border2: rgba(255,255,255,0.5), | ||
| border2-bg: rgba(255,255,255,0.2) | ||
| ), | ||
|
|
||
| accent2: ( | ||
| bg: #1f1815, | ||
| fg: rgba(255,255,255,0.5), | ||
| fg-bold: #ffffff, | ||
| fg-light: rgba(255,255,255,0.4), | ||
| border: rgba(255,255,255,0.25), | ||
| border-bg: rgba(255,255,255,0.075), | ||
| border2: rgba(255,255,255,0.5), | ||
| border2-bg: rgba(255,255,255,0.2) | ||
| ) | ||
| ); |
| @@ -0,0 +1,65 @@ | ||
| <!DOCTYPE HTML> | ||
| <!-- | ||
| Strata by HTML5 UP | ||
| html5up.net | @ajlkn | ||
| Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) | ||
| --> | ||
| <html> | ||
| <head> | ||
| <title>Strata by HTML5 UP</title> | ||
| <meta charset="utf-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
| <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]--> | ||
| <link rel="stylesheet" href="assets/css/main.css" /> | ||
| <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]--> | ||
| </head> | ||
| <body id="top"> | ||
|
|
||
| <!-- Header --> | ||
| <header id="header"> | ||
|
|
||
| </header> | ||
|
|
||
| <!-- Main --> | ||
| <div id="main"> | ||
|
|
||
| <!-- One --> | ||
| <section id="one"> | ||
| <img class="donald photo" src="https://lovelace-media.imgix.net/getty/480309132.jpg?" height="500px" width="700px"> | ||
| <header class="major"> | ||
| <h2>Who is the Orange man?</h2> | ||
| </header> | ||
| <div> | ||
| <p> | ||
| With the usual drama with the presidential election for the United States of America, a new, outspoken, candidate has joined the “race” for president: Donald Trump. A man who seems at a glance like a racist, but who is gaining votes. The media is baffled, which, if you look to investigate, makes them (the media) look nothing short of naive. | ||
|
|
||
| Donald Trump isn’t a racist, his supporters are. If you look back to when Donald Trump had just arrived from Brooklyn, having swarmed the property market there, much to the delight of his father, he began to be asked by reporters about his future. Donald Trump quoted on a media report (courtesy of the Oprah Winfrey Show): “I think Mr Bush stands a good chance of winning the presidential election”. Donald Trump was correct, and was already of thinking to run for president at the time, shown by the quote: “Well I’ll tell you what, I think I would win”, which, horrifyingly seems, to be the case int the 2016 elections. Or is it as bad as it seems? | ||
|
|
||
| Sure Trump insults many groups of voters, though these are minorities. These minorities only are a percentage of his vote, leaving most of the majority (many of them siding with Mr. Trump) not being offended. Along with Sarah Palin, a familiar face in the northern state of Alaska, Trump has the ability to gain a majority support. Plus, Donald Trump isn’t insulting majority ethnic minorities in the US. One example would be the “Colombian Americans”, who are one of the more conservative ethnic minorities (allowing him to persuade a group of potential supporters easier). | ||
|
|
||
| One of the many thing a candidate for the United Stated Presidential Elections, is opponents. One of the “clichés” of the presidential race, are the “rows” on live television. These events can win supporters, if you stay calm, that is. But, we are referring to Trump, who has an opposite campaign features than any other candidate (Republican or Democrat). Mr. Trump’s speeches involve nicknames for the other candidates, such as “Lying Ted” ( a nickname for Ted Cruz), or even “Crooked Hillary” (a nickname for Hillary Clinton). The idea behind the act is to force Trump’s supporters to block response to statements, shown by a video on YouTube. Cruz attempts to reply to a statement made by a Trump supporter, though is blocked off. The crowd of supporters shout: “Lying Ted!”, one, and over again. Meaning that everyone comes out of the argument, except Cruz himself (since everyone else involved were Trump supporters), having the same political mindset when the began the argument with Rubio. This allows Trump not to loose supporters, while also getting to create arguments (more often than not rude) towards Donald Trump’s opponent’s. You could almost see it as a franchise, where the price if having to be a Trump supporter. | ||
|
|
||
| Many (if not all) candidates came in with money for marketing and other affairs, but many are spending money to quickly. All but one, of course, yours truly, Donald J Trump. Trump has free marketing, due to his racist and outspoken speeches and, what can seem to be, outrageously outspoken views. But all he is doing is gaining free support, via getting himself on news reports. Not only that, but getting gossip on worldwide political shows (such as a role-play on the Jimmy Fallon Show). All of this saves money, and in-turn allows for more spending for other forms of advertising (such as buses, planes (of course his Boeing 757 (branded with the word Trump on the fuselage), billboards and large venues. | ||
|
|
||
| Many people are prepared to leave the United States is Donald Trump wins the election, but we may see a change in spirits. He began his run with the quote: “We're going to cherish the Second Amendment!” (a law allowing a civilian to have (and safely) use a weapon legally), though has completely changed his opinion, to: “The one thing dragging down this country is warfare.” These two opposite views lean towards the notion of Trump softening his career, which may be suicide. As I said before Donald Trump isn’t a racist, even his wife (which admittedly is one of three spouses he has had) Mexican. If he is racist his wife most likely would, have left him. But if Mr. Trump were to soften his campaign, he risks being left by his supporter. | ||
|
|
||
| To conclude this analysis, Donald Trump has gained supporters by acting like a right winged politician. Though, he has to show his true view. If he wishes not to, he may risk having angry supporters. If he this occurs during presidency, he may risk having a rebellion. Either way Donald J Trump is standing two dangerous road, which one will he now take? | ||
| </p> | ||
| <form><input type="button" value="Back to the main page" onclick="window.location.href='file:///Users/lucasmelody/Desktop/lucasmelody2016.github.io/index.html'" /> | ||
| </form> | ||
| </div> | ||
|
|
||
| <!-- Footer --> | ||
| <div> | ||
| <img src="https://i.ytimg.com/vi/gaARX0NYXlk/maxresdefault.jpg" width="500px" height="300px"> | ||
| </div> | ||
| <!-- Scripts --> | ||
| <script src="assets/js/jquery.min.js"></script> | ||
| <script src="assets/js/jquery.poptrox.min.js"></script> | ||
| <script src="assets/js/skel.min.js"></script> | ||
| <script src="assets/js/util.js"></script> | ||
| <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]--> | ||
| <script src="assets/js/main.js"></script> | ||
|
|
||
| </body> | ||
| </html> |
