Aug. 12, 2011
What, exactly, constitutes an act of cyberwar? In May, the Pentagon released a cyber strategy that permits the United States to respond militarily to digital acts of aggression. But U.S. senators have complained that there?s no clarity on what, exactly, the government would consider an act of cyberwar. Inside Cyber Warfare author Jeffrey Carr lays out the confusing cyberwar definition situation in Slate. But we want to know what you think. Below, you?ll find nine scenarios involving computers, hacking, war, financial chaos, and more; cast your vote on whether they should or should not be considered cyberwar.
You can also submit your own scenarios for voting. Email them to slate.cyberwar@gmail.com. Please include your name and scenario headline, and keep the description under 30 words. As new scenarios are submitted, others will get knocked out of the top nine.
Design by Jenny Livengood. Interactive by Chris Wilson
'); $("#header1").css({ 'position' : 'absolute', 'top' : card.y+"px", 'left' : card.x+"px", "background-color" : "#2B2B2B", "width" : "160px", "height" : "36px" }); $("#header1").append("STOLEN INFORMATION
"); $("#text1").css({ "color" : "#FFF", "text-align" : "center", "margin" : "3px", "font-weight" : "bold" }); //TRANSPARENCY $("#canvas").append(''); $("#transparency1").css({ "position" : "absolute", "top" : (card.y)+"px", "left" : card.x+"px", "background-color" : "#56818c", "width" : "160px", "height" : "190px", "font-size" : "15px", "font-weight" : "bold", "text-align" : "center", "z-index" : 10, "opacity" : .90, "color" : "#FFF" }); $("#transparency1").html("Click to read the scenario and vote
"); $("#transparency1").css("opacity", 0); //BOX $("#canvas").append(''); $("#box1").css({ "position" : "absolute", "top" : (card.y+36)+"px", "left" : card.x+"px", "background-color" : "#3A3A3A", "width" : "160px", "height" : "154px", "font-size" : "11px" }); //FRONT $("#box1").append("
"); $("#photo1").css({ "margin-left" : "6.5px", "margin-top" : "6px" }); $("#box1").attr("side", "front"); $("#box1").attr("voted", 0); $("#box1").append(""); $("#votes1").css({ "color" : "#FFF", "margin" : 5, "margin-left": "0px", "font-weight" : "bold", "font-size" : "12px" }); $("#votes1").html( "Act of War?
" + "150
" + "Yes
" + "
151
" + "No
" ); //BACK $("#box1").append(""); $("#description1").css({ "color" : "#FFF", "position" : "absolute", "margin" : 8, "top" : 0, "left" : 0 }); $("#description1").hide(); $("#description1").html("A state steals classified intellectual property from a U.S. national lab, affecting national security. "); $("#box1").append(""); $("#youvote1").css({ "color" : "#FFF", "position" : "absolute", "margin" : 8, "top" : 0, "left" : 0, "font-size" : "12px", "font-weight" : "bold" }); $("#youvote1").hide(); $("#youvote1").html( "Is this an act of war?
" + "VOTE:
" + "" + "" ); $("#transparency1").mouseenter(function() { if ($("#box1").attr("side") == "front") { $(this).css("opacity", .90); } }).mouseleave(function() { $("#transparency1").css("opacity", 0); }); $("#transparency1").click(function() { //$(this).css("opacity", 0); $(this).hide(); if ($("#box1").attr("side") == "front") { $("#box1").animate({ "width": 0, "left" : "+=90" }, 250 ); $("#photo1").animate({ "width": 0, "height" : "90px", "left" : "+=83" }, 250 ); $("#votes1").hide(); //flipside $("#box1").oneTime(250, function() { $("#box1").animate({ "width" : 160, "left" : "-=90" }, 250); }); $("#description1").oneTime(500, function() { $(this).show(); }); $("#youvote1").oneTime(500, function() { $(this).show(); }); $("#youvote1").css('zIndex', 9999); $("#box1").attr("side", "back"); } }); $("#box1").click(function() { if ($("#box1").attr("side") == "back") { $("#description1").hide(); $("#youvote1").hide(); $("#box1").animate({ "width": 0, "left" : "+=90" }, 250 ); $("#box1").oneTime(250, function() { $(this).animate({ "width" : 160, "left" : "-=90" }, 250); $("#photo1").animate({ "width": 147, "height" : "90px", "left" : "-=83" }, 250 ); $("#votes1").show(); $("#box1").attr("side", "front"); }); $("#transparency1").css("opacity", 0); $("#transparency1").show(); } }); card = new Object(); card.rank = 2-1; card.x = 182 * (card.rank % 3)+22; card.y = 200 * Math.floor(card.rank / 3); //HEADER $("#canvas").append(''); $("#header2").css({ 'position' : 'absolute', 'top' : card.y+"px", 'left' : card.x+"px", "background-color" : "#2B2B2B", "width" : "160px", "height" : "36px" }); $("#header2").append("VIRUS APPLIED TO NUCLEAR REACTORS
"); $("#text2").css({ "color" : "#FFF", "text-align" : "center", "margin" : "3px", "font-weight" : "bold" }); //TRANSPARENCY $("#canvas").append(''); $("#transparency2").css({ "position" : "absolute", "top" : (card.y)+"px", "left" : card.x+"px", "background-color" : "#56818c", "width" : "160px", "height" : "190px", "font-size" : "15px", "font-weight" : "bold", "text-align" : "center", "z-index" : 10, "opacity" : .90, "color" : "#FFF" }); $("#transparency2").html("Click to read the scenario and vote
"); $("#transparency2").css("opacity", 0); //BOX $("#canvas").append(''); $("#box2").css({ "position" : "absolute", "top" : (card.y+36)+"px", "left" : card.x+"px", "background-color" : "#3A3A3A", "width" : "160px", "height" : "154px", "font-size" : "11px" }); //FRONT $("#box2").append("
"); $("#photo2").css({ "margin-left" : "6.5px", "margin-top" : "6px" }); $("#box2").attr("side", "front"); $("#box2").attr("voted", 0); $("#box2").append(""); $("#votes2").css({ "color" : "#FFF", "margin" : 5, "margin-left": "0px", "font-weight" : "bold", "font-size" : "12px" }); $("#votes2").html( "Act of War?
" + "586
" + "Yes
" + "
70
" + "No
" ); //BACK $("#box2").append(""); $("#description2").css({ "color" : "#FFF", "position" : "absolute", "margin" : 8, "top" : 0, "left" : 0 }); $("#description2").hide(); $("#description2").html("A terrorist cell reuses the Stuxnet source code now available on the Internet to sabotage operations at a nuclear reactor, which results in a core meltdown with thousands of victims."); $("#box2").append(""); $("#youvote2").css({ "color" : "#FFF", "position" : "absolute", "margin" : 8, "top" : 0, "left" : 0, "font-size" : "12px", "font-weight" : "bold" }); $("#youvote2").hide(); $("#youvote2").html( "Is this an act of war?
" + "VOTE:
" + "" + "" ); $("#transparency2").mouseenter(function() { if ($("#box2").attr("side") == "front") { $(this).css("opacity", .90); } }).mouseleave(function() { $("#transparency2").css("opacity", 0); }); $("#transparency2").click(function() { //$(this).css("opacity", 0); $(this).hide(); if ($("#box2").attr("side") == "front") { $("#box2").animate({ "width": 0, "left" : "+=90" }, 250 ); $("#photo2").animate({ "width": 0, "height" : "90px", "left" : "+=83" }, 250 ); $("#votes2").hide(); //flipside $("#box2").oneTime(250, function() { $("#box2").animate({ "width" : 160, "left" : "-=90" }, 250); }); $("#description2").oneTime(500, function() { $(this).show(); }); $("#youvote2").oneTime(500, function() { $(this).show(); }); $("#youvote2").css('zIndex', 9999); $("#box2").attr("side", "back"); } }); $("#box2").click(function() { if ($("#box2").attr("side") == "back") { $("#description2").hide(); $("#youvote2").hide(); $("#box2").animate({ "width": 0, "left" : "+=90" }, 250 ); $("#box2").oneTime(250, function() { $(this).animate({ "width" : 160, "left" : "-=90" }, 250); $("#photo2").animate({ "width": 147, "height" : "90px", "left" : "-=83" }, 250 ); $("#votes2").show(); $("#box2").attr("side", "front"); }); $("#transparency2").css("opacity", 0); $("#transparency2").show(); } }); card = new Object(); card.rank = 3-1; card.x = 182 * (card.rank % 3)+22; card.y = 200 * Math.floor(card.rank / 3); //HEADER $("#canvas").append(''); $("#header3").css({ 'position' : 'absolute', 'top' : card.y+"px", 'left' : card.x+"px", "background-color" : "#2B2B2B", "width" : "160px", "height" : "36px" }); $("#header3").append("CHINESE BACKDOOR TRAP
"); $("#text3").css({ "color" : "#FFF", "text-align" : "center", "margin" : "3px", "font-weight" : "bold" }); //TRANSPARENCY $("#canvas").append(''); $("#transparency3").css({ "position" : "absolute", "top" : (card.y)+"px", "left" : card.x+"px", "background-color" : "#56818c", "width" : "160px", "height" : "190px", "font-size" : "15px", "font-weight" : "bold", "text-align" : "center", "z-index" : 10, "opacity" : .90, "color" : "#FFF" }); $("#transparency3").html("Click to read the scenario and vote
"); $("#transparency3").css("opacity", 0); //BOX $("#canvas").append(''); $("#box3").css({ "position" : "absolute", "top" : (card.y+36)+"px", "left" : card.x+"px", "background-color" : "#3A3A3A", "width" : "160px", "height" : "154px", "font-size" : "11px" }); //FRONT $("#box3").append("
"); $("#photo3").css({ "margin-left" : "6.5px", "margin-top" : "6px" }); $("#box3").attr("side", "front"); $("#box3").attr("voted", 0); $("#box3").append(""); $("#votes3").css({ "color" : "#FFF", "margin" : 5, "margin-left": "0px", "font-weight" : "bold", "font-size" : "12px" }); $("#votes3").html( "Act of War?
" + "159
" + "Yes
" + "
524
" + "No
" ); //BACK $("#box3").append(""); $("#description3").css({ "color" : "#FFF", "position" : "absolute", "margin" : 8, "top" : 0, "left" : 0 }); $("#description3").hide(); $("#description3").html("A U.S. business working with Chinese technology company connected to the People?s Liberation Army sells a router to the U.S. government that contains a hidden "backdoor.""); $("#box3").append(""); $("#youvote3").css({ "color" : "#FFF", "position" : "absolute", "margin" : 8, "top" : 0, "left" : 0, "font-size" : "12px", "font-weight" : "bold" }); $("#youvote3").hide(); $("#youvote3").html( "Is this an act of war?
" + "VOTE:
" + "" + "" ); $("#transparency3").mouseenter(function() { if ($("#box3").attr("side") == "front") { $(this).css("opacity", .90); } }).mouseleave(function() { $("#transparency3").css("opacity", 0); }); $("#transparency3").click(function() { //$(this).css("opacity", 0); $(this).hide(); if ($("#box3").attr("side") == "front") { $("#box3").animate({ "width": 0, "left" : "+=90" }, 250 ); $("#photo3").animate({ "width": 0, "height" : "90px", "left" : "+=83" }, 250 ); $("#votes3").hide(); //flipside $("#box3").oneTime(250, function() { $("#box3").animate({ "width" : 160, "left" : "-=90" }, 250); }); $("#description3").oneTime(500, function() { $(this).show(); }); $("#youvote3").oneTime(500, function() { $(this).show(); }); $("#youvote3").css('zIndex', 9999); $("#box3").attr("side", "back"); } }); $("#box3").click(function() { if ($("#box3").attr("side") == "back") { $("#description3").hide(); $("#youvote3").hide(); $("#box3").animate({ "width": 0, "left" : "+=90" }, 250 ); $("#box3").oneTime(250, function() { $(this).animate({ "width" : 160, "left" : "-=90" }, 250); $("#photo3").animate({ "width": 147, "height" : "90px", "left" : "-=83" }, 250 ); $("#votes3").show(); $("#box3").attr("side", "front"); }); $("#transparency3").css("opacity", 0); $("#transparency3").show(); } }); card = new Object(); card.rank = 4-1; card.x = 182 * (card.rank % 3)+22; card.y = 200 * Math.floor(card.rank / 3); //HEADER $("#canvas").append(''); $("#header4").css({ 'position' : 'absolute', 'top' : card.y+"px", 'left' : card.x+"px", "background-color" : "#2B2B2B", "width" : "160px", "height" : "36px" }); $("#header4").append("BLACKOUT, THEN ATTACK
"); $("#text4").css({ "color" : "#FFF", "text-align" : "center", "margin" : "3px", "font-weight" : "bold" }); //TRANSPARENCY $("#canvas").append(''); $("#transparency4").css({ "position" : "absolute", "top" : (card.y)+"px", "left" : card.x+"px", "background-color" : "#56818c", "width" : "160px", "height" : "190px", "font-size" : "15px", "font-weight" : "bold", "text-align" : "center", "z-index" : 10, "opacity" : .90, "color" : "#FFF" }); $("#transparency4").html("Click to read the scenario and vote
"); $("#transparency4").css("opacity", 0); //BOX $("#canvas").append(''); $("#box4").css({ "position" : "absolute", "top" : (card.y+36)+"px", "left" : card.x+"px", "background-color" : "#3A3A3A", "width" : "160px", "height" : "154px", "font-size" : "11px" }); //FRONT $("#box4").append("
"); $("#photo4").css({ "margin-left" : "6.5px", "margin-top" : "6px" }); $("#box4").attr("side", "front"); $("#box4").attr("voted", 0); $("#box4").append(""); $("#votes4").css({ "color" : "#FFF", "margin" : 5, "margin-left": "0px", "font-weight" : "bold", "font-size" : "12px" }); $("#votes4").html( "Act of War?
" + "706
" + "Yes
" + "
8
" + "No
" ); //BACK $("#box4").append(""); $("#description4").css({ "color" : "#FFF", "position" : "absolute", "margin" : 8, "top" : 0, "left" : 0 }); $("#description4").hide(); $("#description4").html("Foreign agents trigger a week-long regional blackout, affecting both civilians and the Navy's largest nuclear submarine base. They then launch a physical attack against that base."); $("#box4").append(""); $("#youvote4").css({ "color" : "#FFF", "position" : "absolute", "margin" : 8, "top" : 0, "left" : 0, "font-size" : "12px", "font-weight" : "bold" }); $("#youvote4").hide(); $("#youvote4").html( "Is this an act of war?
" + "VOTE:
" + "" + "" ); $("#transparency4").mouseenter(function() { if ($("#box4").attr("side") == "front") { $(this).css("opacity", .90); } }).mouseleave(function() { $("#transparency4").css("opacity", 0); }); $("#transparency4").click(function() { //$(this).css("opacity", 0); $(this).hide(); if ($("#box4").attr("side") == "front") { $("#box4").animate({ "width": 0, "left" : "+=90" }, 250 ); $("#photo4").animate({ "width": 0, "height" : "90px", "left" : "+=83" }, 250 ); $("#votes4").hide(); //flipside $("#box4").oneTime(250, function() { $("#box4").animate({ "width" : 160, "left" : "-=90" }, 250); }); $("#description4").oneTime(500, function() { $(this).show(); }); $("#youvote4").oneTime(500, function() { $(this).show(); }); $("#youvote4").css('zIndex', 9999); $("#box4").attr("side", "back"); } }); $("#box4").click(function() { if ($("#box4").attr("side") == "back") { $("#description4").hide(); $("#youvote4").hide(); $("#box4").animate({ "width": 0, "left" : "+=90" }, 250 ); $("#box4").oneTime(250, function() { $(this).animate({ "width" : 160, "left" : "-=90" }, 250); $("#photo4").animate({ "width": 147, "height" : "90px", "left" : "-=83" }, 250 ); $("#votes4").show(); $("#box4").attr("side", "front"); }); $("#transparency4").css("opacity", 0); $("#transparency4").show(); } }); card = new Object(); card.rank = 5-1; card.x = 182 * (card.rank % 3)+22; card.y = 200 * Math.floor(card.rank / 3); //HEADER $("#canvas").append(''); $("#header5").css({ 'position' : 'absolute', 'top' : card.y+"px", 'left' : card.x+"px", "background-color" : "#2B2B2B", "width" : "160px", "height" : "36px" }); $("#header5").append("DATA FOR SALE
"); $("#text5").css({ "color" : "#FFF", "text-align" : "center", "margin" : "3px", "font-weight" : "bold" }); //TRANSPARENCY $("#canvas").append(''); $("#transparency5").css({ "position" : "absolute", "top" : (card.y)+"px", "left" : card.x+"px", "background-color" : "#56818c", "width" : "160px", "height" : "190px", "font-size" : "15px", "font-weight" : "bold", "text-align" : "center", "z-index" : 10, "opacity" : .90, "color" : "#FFF" }); $("#transparency5").html("Click to read the scenario and vote
"); $("#transparency5").css("opacity", 0); //BOX $("#canvas").append(''); $("#box5").css({ "position" : "absolute", "top" : (card.y+36)+"px", "left" : card.x+"px", "background-color" : "#3A3A3A", "width" : "160px", "height" : "154px", "font-size" : "11px" }); //FRONT $("#box5").append("
"); $("#photo5").css({ "margin-left" : "6.5px", "margin-top" : "6px" }); $("#box5").attr("side", "front"); $("#box5").attr("voted", 0); $("#box5").append(""); $("#votes5").css({ "color" : "#FFF", "margin" : 5, "margin-left": "0px", "font-weight" : "bold", "font-size" : "12px" }); $("#votes5").html( "Act of War?
" + "56
" + "Yes
" + "
649
" + "No
" ); //BACK $("#box5").append(""); $("#description5").css({ "color" : "#FFF", "position" : "absolute", "margin" : 8, "top" : 0, "left" : 0 }); $("#description5").hide(); $("#description5").html("A non-state actor sets up a Shady RAT-style operation to collect high-value data and sell it to interested parties both in governments and in boardrooms."); $("#box5").append(""); $("#youvote5").css({ "color" : "#FFF", "position" : "absolute", "margin" : 8, "top" : 0, "left" : 0, "font-size" : "12px", "font-weight" : "bold" }); $("#youvote5").hide(); $("#youvote5").html( "Is this an act of war?
" + "VOTE:
" + "" + "" ); $("#transparency5").mouseenter(function() { if ($("#box5").attr("side") == "front") { $(this).css("opacity", .90); } }).mouseleave(function() { $("#transparency5").css("opacity", 0); }); $("#transparency5").click(function() { //$(this).css("opacity", 0); $(this).hide(); if ($("#box5").attr("side") == "front") { $("#box5").animate({ "width": 0, "left" : "+=90" }, 250 ); $("#photo5").animate({ "width": 0, "height" : "90px", "left" : "+=83" }, 250 ); $("#votes5").hide(); //flipside $("#box5").oneTime(250, function() { $("#box5").animate({ "width" : 160, "left" : "-=90" }, 250); }); $("#description5").oneTime(500, function() { $(this).show(); }); $("#youvote5").oneTime(500, function() { $(this).show(); }); $("#youvote5").css('zIndex', 9999); $("#box5").attr("side", "back"); } }); $("#box5").click(function() { if ($("#box5").attr("side") == "back") { $("#description5").hide(); $("#youvote5").hide(); $("#box5").animate({ "width": 0, "left" : "+=90" }, 250 ); $("#box5").oneTime(250, function() { $(this).animate({ "width" : 160, "left" : "-=90" }, 250); $("#photo5").animate({ "width": 147, "height" : "90px", "left" : "-=83" }, 250 ); $("#votes5").show(); $("#box5").attr("side", "front"); }); $("#transparency5").css("opacity", 0); $("#transparency5").show(); } }); card = new Object(); card.rank = 6-1; card.x = 182 * (card.rank % 3)+22; card.y = 200 * Math.floor(card.rank / 3); //HEADER $("#canvas").append(''); $("#header6").css({ 'position' : 'absolute', 'top' : card.y+"px", 'left' : card.x+"px", "background-color" : "#2B2B2B", "width" : "160px", "height" : "36px" }); $("#header6").append("PATRIOTIC ATTACKS
"); $("#text6").css({ "color" : "#FFF", "text-align" : "center", "margin" : "3px", "font-weight" : "bold" }); //TRANSPARENCY $("#canvas").append(''); $("#transparency6").css({ "position" : "absolute", "top" : (card.y)+"px", "left" : card.x+"px", "background-color" : "#56818c", "width" : "160px", "height" : "190px", "font-size" : "15px", "font-weight" : "bold", "text-align" : "center", "z-index" : 10, "opacity" : .90, "color" : "#FFF" }); $("#transparency6").html("Click to read the scenario and vote
"); $("#transparency6").css("opacity", 0); //BOX $("#canvas").append(''); $("#box6").css({ "position" : "absolute", "top" : (card.y+36)+"px", "left" : card.x+"px", "background-color" : "#3A3A3A", "width" : "160px", "height" : "154px", "font-size" : "11px" }); //FRONT $("#box6").append("
"); $("#photo6").css({ "margin-left" : "6.5px", "margin-top" : "6px" }); $("#box6").attr("side", "front"); $("#box6").attr("voted", 0); $("#box6").append(""); $("#votes6").css({ "color" : "#FFF", "margin" : 5, "margin-left": "0px", "font-weight" : "bold", "font-size" : "12px" }); $("#votes6").html( "Act of War?
" + "98
" + "Yes
" + "
603
" + "No
" ); //BACK $("#box6").append(""); $("#description6").css({ "color" : "#FFF", "position" : "absolute", "margin" : 8, "top" : 0, "left" : 0 }); $("#description6").hide(); $("#description6").html("Nationalists who deny ties to their government take down an enemy state's website using denial-of-service attacks. "); $("#box6").append(""); $("#youvote6").css({ "color" : "#FFF", "position" : "absolute", "margin" : 8, "top" : 0, "left" : 0, "font-size" : "12px", "font-weight" : "bold" }); $("#youvote6").hide(); $("#youvote6").html( "Is this an act of war?
" + "VOTE:
" + "" + "" ); $("#transparency6").mouseenter(function() { if ($("#box6").attr("side") == "front") { $(this).css("opacity", .90); } }).mouseleave(function() { $("#transparency6").css("opacity", 0); }); $("#transparency6").click(function() { //$(this).css("opacity", 0); $(this).hide(); if ($("#box6").attr("side") == "front") { $("#box6").animate({ "width": 0, "left" : "+=90" }, 250 ); $("#photo6").animate({ "width": 0, "height" : "90px", "left" : "+=83" }, 250 ); $("#votes6").hide(); //flipside $("#box6").oneTime(250, function() { $("#box6").animate({ "width" : 160, "left" : "-=90" }, 250); }); $("#description6").oneTime(500, function() { $(this).show(); }); $("#youvote6").oneTime(500, function() { $(this).show(); }); $("#youvote6").css('zIndex', 9999); $("#box6").attr("side", "back"); } }); $("#box6").click(function() { if ($("#box6").attr("side") == "back") { $("#description6").hide(); $("#youvote6").hide(); $("#box6").animate({ "width": 0, "left" : "+=90" }, 250 ); $("#box6").oneTime(250, function() { $(this).animate({ "width" : 160, "left" : "-=90" }, 250); $("#photo6").animate({ "width": 147, "height" : "90px", "left" : "-=83" }, 250 ); $("#votes6").show(); $("#box6").attr("side", "front"); }); $("#transparency6").css("opacity", 0); $("#transparency6").show(); } }); card = new Object(); card.rank = 7-1; card.x = 182 * (card.rank % 3)+22; card.y = 200 * Math.floor(card.rank / 3); //HEADER $("#canvas").append(''); $("#header7").css({ 'position' : 'absolute', 'top' : card.y+"px", 'left' : card.x+"px", "background-color" : "#2B2B2B", "width" : "160px", "height" : "36px" }); $("#header7").append("DRUG HACKERS
"); $("#text7").css({ "color" : "#FFF", "text-align" : "center", "margin" : "3px", "font-weight" : "bold" }); //TRANSPARENCY $("#canvas").append(''); $("#transparency7").css({ "position" : "absolute", "top" : (card.y)+"px", "left" : card.x+"px", "background-color" : "#56818c", "width" : "160px", "height" : "190px", "font-size" : "15px", "font-weight" : "bold", "text-align" : "center", "z-index" : 10, "opacity" : .90, "color" : "#FFF" }); $("#transparency7").html("Click to read the scenario and vote
"); $("#transparency7").css("opacity", 0); //BOX $("#canvas").append(''); $("#box7").css({ "position" : "absolute", "top" : (card.y+36)+"px", "left" : card.x+"px", "background-color" : "#3A3A3A", "width" : "160px", "height" : "154px", "font-size" : "11px" }); //FRONT $("#box7").append("
"); $("#photo7").css({ "margin-left" : "6.5px", "margin-top" : "6px" }); $("#box7").attr("side", "front"); $("#box7").attr("voted", 0); $("#box7").append(""); $("#votes7").css({ "color" : "#FFF", "margin" : 5, "margin-left": "0px", "font-weight" : "bold", "font-size" : "12px" }); $("#votes7").html( "Act of War?
" + "236
" + "Yes
" + "
466
" + "No
" ); //BACK $("#box7").append(""); $("#description7").css({ "color" : "#FFF", "position" : "absolute", "margin" : 8, "top" : 0, "left" : 0 }); $("#description7").hide(); $("#description7").html("A drug cartel hires a hacker to secure admin credentials for a Justice Department e-mail server. The hacker passes data to the cartel to target U.S. attorneys for assassination."); $("#box7").append(""); $("#youvote7").css({ "color" : "#FFF", "position" : "absolute", "margin" : 8, "top" : 0, "left" : 0, "font-size" : "12px", "font-weight" : "bold" }); $("#youvote7").hide(); $("#youvote7").html( "Is this an act of war?
" + "VOTE:
" + "" + "" ); $("#transparency7").mouseenter(function() { if ($("#box7").attr("side") == "front") { $(this).css("opacity", .90); } }).mouseleave(function() { $("#transparency7").css("opacity", 0); }); $("#transparency7").click(function() { //$(this).css("opacity", 0); $(this).hide(); if ($("#box7").attr("side") == "front") { $("#box7").animate({ "width": 0, "left" : "+=90" }, 250 ); $("#photo7").animate({ "width": 0, "height" : "90px", "left" : "+=83" }, 250 ); $("#votes7").hide(); //flipside $("#box7").oneTime(250, function() { $("#box7").animate({ "width" : 160, "left" : "-=90" }, 250); }); $("#description7").oneTime(500, function() { $(this).show(); }); $("#youvote7").oneTime(500, function() { $(this).show(); }); $("#youvote7").css('zIndex', 9999); $("#box7").attr("side", "back"); } }); $("#box7").click(function() { if ($("#box7").attr("side") == "back") { $("#description7").hide(); $("#youvote7").hide(); $("#box7").animate({ "width": 0, "left" : "+=90" }, 250 ); $("#box7").oneTime(250, function() { $(this).animate({ "width" : 160, "left" : "-=90" }, 250); $("#photo7").animate({ "width": 147, "height" : "90px", "left" : "-=83" }, 250 ); $("#votes7").show(); $("#box7").attr("side", "front"); }); $("#transparency7").css("opacity", 0); $("#transparency7").show(); } }); card = new Object(); card.rank = 8-1; card.x = 182 * (card.rank % 3)+22; card.y = 200 * Math.floor(card.rank / 3); //HEADER $("#canvas").append(''); $("#header8").css({ 'position' : 'absolute', 'top' : card.y+"px", 'left' : card.x+"px", "background-color" : "#2B2B2B", "width" : "160px", "height" : "36px" }); $("#header8").append("SIMULTANEOUS ATTACKS
"); $("#text8").css({ "color" : "#FFF", "text-align" : "center", "margin" : "3px", "font-weight" : "bold" }); //TRANSPARENCY $("#canvas").append(''); $("#transparency8").css({ "position" : "absolute", "top" : (card.y)+"px", "left" : card.x+"px", "background-color" : "#56818c", "width" : "160px", "height" : "190px", "font-size" : "15px", "font-weight" : "bold", "text-align" : "center", "z-index" : 10, "opacity" : .90, "color" : "#FFF" }); $("#transparency8").html("Click to read the scenario and vote
"); $("#transparency8").css("opacity", 0); //BOX $("#canvas").append(''); $("#box8").css({ "position" : "absolute", "top" : (card.y+36)+"px", "left" : card.x+"px", "background-color" : "#3A3A3A", "width" : "160px", "height" : "154px", "font-size" : "11px" }); //FRONT $("#box8").append("
"); $("#photo8").css({ "margin-left" : "6.5px", "margin-top" : "6px" }); $("#box8").attr("side", "front"); $("#box8").attr("voted", 0); $("#box8").append(""); $("#votes8").css({ "color" : "#FFF", "margin" : 5, "margin-left": "0px", "font-weight" : "bold", "font-size" : "12px" }); $("#votes8").html( "Act of War?
" + "694
" + "Yes
" + "
9
" + "No
" ); //BACK $("#box8").append(""); $("#description8").css({ "color" : "#FFF", "position" : "absolute", "margin" : 8, "top" : 0, "left" : 0 }); $("#description8").hide(); $("#description8").html("Another country launches a physical attack against the U.S. while using a variety of cyber attacks to shut down its information and communication networks."); $("#box8").append(""); $("#youvote8").css({ "color" : "#FFF", "position" : "absolute", "margin" : 8, "top" : 0, "left" : 0, "font-size" : "12px", "font-weight" : "bold" }); $("#youvote8").hide(); $("#youvote8").html( "Is this an act of war?
" + "VOTE:
" + "" + "" ); $("#transparency8").mouseenter(function() { if ($("#box8").attr("side") == "front") { $(this).css("opacity", .90); } }).mouseleave(function() { $("#transparency8").css("opacity", 0); }); $("#transparency8").click(function() { //$(this).css("opacity", 0); $(this).hide(); if ($("#box8").attr("side") == "front") { $("#box8").animate({ "width": 0, "left" : "+=90" }, 250 ); $("#photo8").animate({ "width": 0, "height" : "90px", "left" : "+=83" }, 250 ); $("#votes8").hide(); //flipside $("#box8").oneTime(250, function() { $("#box8").animate({ "width" : 160, "left" : "-=90" }, 250); }); $("#description8").oneTime(500, function() { $(this).show(); }); $("#youvote8").oneTime(500, function() { $(this).show(); }); $("#youvote8").css('zIndex', 9999); $("#box8").attr("side", "back"); } }); $("#box8").click(function() { if ($("#box8").attr("side") == "back") { $("#description8").hide(); $("#youvote8").hide(); $("#box8").animate({ "width": 0, "left" : "+=90" }, 250 ); $("#box8").oneTime(250, function() { $(this).animate({ "width" : 160, "left" : "-=90" }, 250); $("#photo8").animate({ "width": 147, "height" : "90px", "left" : "-=83" }, 250 ); $("#votes8").show(); $("#box8").attr("side", "front"); }); $("#transparency8").css("opacity", 0); $("#transparency8").show(); } }); card = new Object(); card.rank = 9-1; card.x = 182 * (card.rank % 3)+22; card.y = 200 * Math.floor(card.rank / 3); //HEADER $("#canvas").append(''); $("#header9").css({ 'position' : 'absolute', 'top' : card.y+"px", 'left' : card.x+"px", "background-color" : "#2B2B2B", "width" : "160px", "height" : "36px" }); $("#header9").append("NONFATAL NUCLEAR HACKING
"); $("#text9").css({ "color" : "#FFF", "text-align" : "center", "margin" : "3px", "font-weight" : "bold" }); //TRANSPARENCY $("#canvas").append(''); $("#transparency9").css({ "position" : "absolute", "top" : (card.y)+"px", "left" : card.x+"px", "background-color" : "#56818c", "width" : "160px", "height" : "190px", "font-size" : "15px", "font-weight" : "bold", "text-align" : "center", "z-index" : 10, "opacity" : .90, "color" : "#FFF" }); $("#transparency9").html("Click to read the scenario and vote
"); $("#transparency9").css("opacity", 0); //BOX $("#canvas").append(''); $("#box9").css({ "position" : "absolute", "top" : (card.y+36)+"px", "left" : card.x+"px", "background-color" : "#3A3A3A", "width" : "160px", "height" : "154px", "font-size" : "11px" }); //FRONT $("#box9").append("
"); $("#photo9").css({ "margin-left" : "6.5px", "margin-top" : "6px" }); $("#box9").attr("side", "front"); $("#box9").attr("voted", 0); $("#box9").append(""); $("#votes9").css({ "color" : "#FFF", "margin" : 5, "margin-left": "0px", "font-weight" : "bold", "font-size" : "12px" }); $("#votes9").html( "Act of War?
" + "353
" + "Yes
" + "
340
" + "No
" ); //BACK $("#box9").append(""); $("#description9").css({ "color" : "#FFF", "position" : "absolute", "margin" : 8, "top" : 0, "left" : 0 }); $("#description9").hide(); $("#description9").html("Using a computer virus to sabotage operations at a nuclear reactor, which result in financial damages but no injuries."); $("#box9").append(""); $("#youvote9").css({ "color" : "#FFF", "position" : "absolute", "margin" : 8, "top" : 0, "left" : 0, "font-size" : "12px", "font-weight" : "bold" }); $("#youvote9").hide(); $("#youvote9").html( "Is this an act of war?
" + "VOTE:
" + "" + "" ); $("#transparency9").mouseenter(function() { if ($("#box9").attr("side") == "front") { $(this).css("opacity", .90); } }).mouseleave(function() { $("#transparency9").css("opacity", 0); }); $("#transparency9").click(function() { //$(this).css("opacity", 0); $(this).hide(); if ($("#box9").attr("side") == "front") { $("#box9").animate({ "width": 0, "left" : "+=90" }, 250 ); $("#photo9").animate({ "width": 0, "height" : "90px", "left" : "+=83" }, 250 ); $("#votes9").hide(); //flipside $("#box9").oneTime(250, function() { $("#box9").animate({ "width" : 160, "left" : "-=90" }, 250); }); $("#description9").oneTime(500, function() { $(this).show(); }); $("#youvote9").oneTime(500, function() { $(this).show(); }); $("#youvote9").css('zIndex', 9999); $("#box9").attr("side", "back"); } }); $("#box9").click(function() { if ($("#box9").attr("side") == "back") { $("#description9").hide(); $("#youvote9").hide(); $("#box9").animate({ "width": 0, "left" : "+=90" }, 250 ); $("#box9").oneTime(250, function() { $(this).animate({ "width" : 160, "left" : "-=90" }, 250); $("#photo9").animate({ "width": 147, "height" : "90px", "left" : "-=83" }, 250 ); $("#votes9").show(); $("#box9").attr("side", "front"); }); $("#transparency9").css("opacity", 0); $("#transparency9").show(); } }); function vote(rank, vote) { if ($("#box"+rank).attr("voted") == 0) { var url = "http://labs.slate.com/futuretense/cybervote/" + rank + "/" + vote + "/" $.post(url, { /*$.post("http://labs.slate.com/futuretense/cybervote/", { */ //rank: rank, //vote: vote }, function(data) { if (vote == 1) { $("#yes"+rank).oneTime(1000, function() { $(this).css("color", "#ee910b"); $(this).html(parseInt($(this).html())+1); }); } else { $("#no"+rank).oneTime(1000, function() { $(this).css("color", "#ee910b"); $(this).html(parseInt($(this).html())+1); }); } } ); $("#box"+rank).attr("voted", 1); } else { alert("Sorry, you already voted on this one."); } } function addTip(p, obj, speed) { p.mouseover(function(e){ obj.photo.animate({width: 0, x: obj.photo.attr("x")+74}, speed); obj.box.animateWith(obj.photo, {width: 0, x:obj.box.attr("x")+80}, speed); //obj.header.animateWith(obj.photo, {width: 0, x:obj.header.attr("x")+80}, speed); //obj.text.animateWith(obj.photo, {opacity: 0}, speed); //obj.text.attr({"opacity": 0}); id = "#text" + obj.rank; //$(id).hide(); $(obj.box).oneTime(speed, function() { obj.box.animate({width: 160, x:obj.box.attr("x")-80}, speed); }); }); } function Comma(number, pfix) { prefix = pfix; if (number 3) { var mod = number.length % 3; var output = (mod > 0 ? (number.substring(0,mod)) : ''); for (i=0 ; iSource: http://feeds.slate.com/click.phdo?i=88b7f5acffe9187fcc4edcbe96469646
nivea google voice golf courses andrea bocelli cargill playstation vita alex rodriguez
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.