diff --git a/Is_He_Gay.css b/Is_He_Gay.css new file mode 100644 index 0000000..bbffb18 --- /dev/null +++ b/Is_He_Gay.css @@ -0,0 +1,81 @@ +/*remove the default margins and stuff*/ +body +{ + margin: 0; + padding: 0; + background: #ffffff; +} + +#header +{ + width: 100%; + height: 44px; + margin-bottom: 100px; +} + +#title { + text-align: center; + padding-top: 8px; +} + +h1 +{ + color:#000000; +} + +h2 +{ + color:#000000; +} + +h3 +{ + margin: 0 auto; + font-size: 30px; + text-align: center; +} + +#container +{ + width: 1071px; + margin: 0 auto; +} + +.imageHolder +{ + margin-right: 30px; + margin-top: 30px; + margin-bottom: 50px; + width: 305px; + height: 305px; + border-radius: 4px; + border: 1px solid #dcdcdc; + background-color: #ffffff; + float: left; +} + + +.imageHolder:hover{ + border-color: rgb(0,0,0); + border-width: 1.5px; +} + + +.first { + margin-left: 30px; +} + +.thumb { + padding: 7px; +} + +.popUp { + display: none; + position: absolute; + margin-left: auto; + margin-right: auto; + left: 0; + right: 0; + background-color: rgba(255,255,255,0.8); + height: 100%; +} diff --git a/Is_He_Gay.html b/Is_He_Gay.html new file mode 100644 index 0000000..03034bd --- /dev/null +++ b/Is_He_Gay.html @@ -0,0 +1,98 @@ + + + + + + + + Instagram Example + + + + + + + + + + + + +
+ + +
+ +

Does he sound gay?

+
+ +
+ +

Does he look gay?

+
+ +
+ +

Does he have gay hobbies?

+
+ + + + + + +
+ +

Has he never shown interest in girls?

+
+ +
+ +

Is he a really nice guy?

+
+ +
+ +

Has he hooked up with other guys?

+
+ + + + +
+ + + + + + + + + + + + + + + + + + diff --git a/Is_He_Gay.js b/Is_He_Gay.js new file mode 100644 index 0000000..7676f3a --- /dev/null +++ b/Is_He_Gay.js @@ -0,0 +1,49 @@ +var soundButton, hiddenSound; + + +function init() +{ + + // show and hide the popup + $('#sound').click(function() { $('#popUpSound').show(); }); + $('#popUpSound').click(function() { $('#popUpSound').hide(); }); + + $('#look').click(function() { $('#popUpLook').show(); }); + $('#popUpLook').click(function() { $('#popUpLook').hide(); }); + + $('#interests').click(function() { $('#popUpInterests').show(); }); + $('#popUpInterests').click(function() { $('#popUpInterests').hide(); }); + + $('#girl').click(function() { $('#popUpGirl').show(); }); + $('#popUpGirl').click(function() { $('#popUpGirl').hide(); }); + + $('#nice').click(function() { $('#popUpNice').show(); }); + $('#popUpNice').click(function() { $('#popUpNice').hide(); }); + + $('#men').click(function() { $('#popUpMen').show(); }); + $('#popUpMen').click(function() { $('#popUpMen').hide(); }); + +} + + + +//main method, sort of... +//why does moving this from top to bottom help? +$(document).on('ready',init); + + +/* +function showPopUp() { + var popup = document.getElementById('popUpSound'); + popup.style.display = 'block'; + popup.addEventListener('click', hidePopUp); +}; + + +function hidePopUp(){ + var popup = document.getElementById('popUpSound'); + popup.style.display = 'none'; +} + +window.addEventListener('load', init); +*/ diff --git a/dog.png b/dog.png new file mode 100644 index 0000000..07969da Binary files /dev/null and b/dog.png differ diff --git a/gay.png b/gay.png new file mode 100644 index 0000000..f0234d3 Binary files /dev/null and b/gay.png differ diff --git a/girl.png b/girl.png new file mode 100644 index 0000000..2b06744 Binary files /dev/null and b/girl.png differ diff --git a/index.html b/index.html deleted file mode 100644 index 3678415..0000000 --- a/index.html +++ /dev/null @@ -1,9 +0,0 @@ - - - - So-and-so's React Assignment - - - YOUR PROJECT HERE - - diff --git a/man.png b/man.png new file mode 100644 index 0000000..314e87a Binary files /dev/null and b/man.png differ diff --git a/sound.png b/sound.png new file mode 100644 index 0000000..61f6927 Binary files /dev/null and b/sound.png differ diff --git a/theatre.png b/theatre.png new file mode 100644 index 0000000..1ebcf89 Binary files /dev/null and b/theatre.png differ diff --git a/tshirt.png b/tshirt.png new file mode 100644 index 0000000..589b8c6 Binary files /dev/null and b/tshirt.png differ