Crossfire Fan Page
The showcase player uses a modified version of Processing.js in combination with jsweet to let students program their apps in Java code while still allowing for browser support.
Content created by students is scaled to fit the showcase frame while maintaining aspect ratio and cursor position. This is why some projects may appear blurry in fullscreen, or why some small details may not be visible on a small screen
<iframe width='500px' height='400px' src='https://nest.ktbyte.com/nest#781' allowfullscreen></iframe>
<!-- website.html Hyper Text Markup Language -->
<html>
<head>
<style>
/* Cascading Style Sheets */
h1 {
color: rgb(0,255,150);
font-family: verdana;
margin: 20px;
}
p {
background-color: rgb(200,200,255);
}
#stuff {
width: 400px;
height: 300px;
padding: 20px;
left: 50px;
}
</style>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/grids-responsive-min.css">
<link rel="stylesheet" href="http://purecss.io/combo/1.18.13?/css/layouts/blog.css">
</head>
<body>
<div id="layout" class="pure-g">
<div class="sidebar pure-u-1 pure-u-md-1-4">
<div class="header">
<h1 class="brand-title">DOWNLOAD GAMES</h1>
<h2 class="brand-tagline"></h2>
<nav class="nav">
<ul class="nav-list">
<li class="nav-item">
<a class="pure-button" href="http://cf.qq.com/main.shtml">CF in china server</a>
</li>
<li class="nav-item">
<a class="pure-button" href="http://crossfire.z8games.com/new_content.aspx">CF in America server</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="content pure-u-1 pure-u-md-3-4">
<div>
<!-- A wrapper for all the blog posts -->
<div class="posts">
<h1 class="content-subhead">Pinned Post</h1>
<!-- A single blog post -->
<section class="post">
<header class="post-header">
<h2 class="post-title">CROSS FIRE</h2>
</p>
</header>
<div class="post-description">
<p>
CROSSFIRE, THE DREAM OF THREE THOUSANDS MILLIONS OF PLAYER
</p>
</div>
</section>
</div>
<div class="posts">
<h1 class="content-subhead">Recent Posts</h1>
<section class="post">
<header class="post-header">
<h2 class="post-title">CROSSFIRE</h2>
<p class="post-meta">
</p>
</header>
<div class="post-description">
<div>
FREE TO PLAY
</div>
<!--<iframe width="550" height="350" src="http://www.mpogd.com/images/news/8867/t2.jpg">frameborder="0" allowfullscreen></iframe>-->
<img src="http://www.mpogd.com/images/news/8867/t2.jpg"/>"
<p><a href="http://cf.qq.com/main.shtml">Crossfire in China server</a> </p>
<p><a href="http://crossfire.z8games.com/new_content.aspx">Crossfire in NA server</a></p>
</div>
</section>
<section class="post">
<header class="post-header">
<h2 class="post-title">PHOTO FROM CROSSFIRE</h2>
<p class="post-meta">
</p>
</header>
<div class="post-description">
<div class="post-images pure-g">
<div class="pure-u-1 pure-u-md-1-2">
<a href="http://a1.qpic.cn/psb?/V11RncJ30VOFuv/EHFHQGEE3cLrFrMyW64oOF7qeieOPi9hgDYok0svmaM!/b/dB4AAAAAAAAA&bo=XgOAAsADyQIFAPQ!&rf=viewer_4">
<img alt="Photo of someone working poolside at a resort"
class="pure-img-responsive"
src="http://a1.qpic.cn/psb?/V11RncJ30VOFuv/EHFHQGEE3cLrFrMyW64oOF7qeieOPi9hgDYok0svmaM!/b/dB4AAAAAAAAA&bo=XgOAAsADyQIFAPQ!&rf=viewer_4">
</a>
<div class="post-image-meta">
<h3>CROSSFIRE Photos</h3>
</div>
</div>
<div class="pure-u-1 pure-u-md-1-2">
<a href="http://a1.qpic.cn/psb?/V11RncJ30VOFuv/hYYYKj778tOx7VjdV11nN5L5v4t3LjlRGDGNNhHebXk!/b/dB4AAAAAAAAA&bo=JANZAgAAAAAFB1g!&rf=viewer_4">
<img alt="Photo of the sunset on the beach"
class="pure-img-responsive"
src="http://a1.qpic.cn/psb?/V11RncJ30VOFuv/hYYYKj778tOx7VjdV11nN5L5v4t3LjlRGDGNNhHebXk!/b/dB4AAAAAAAAA&bo=JANZAgAAAAAFB1g!&rf=viewer_4">
</a>
<div class="post-image-meta">
<h3>JSConf Photos</h3>
</div>
</div>
</div>
</div>
</section>
<section class="post">
<header class="post-header">
<h2 class="post-title">GAME MODES</h2>
<p class="post-meta">
</p>
</header>
<div class="post-description">
<p>
WE HAVE MANY GAME MODES IN THE GAMES, WHICH YOU CAN EXPERIENCE DIFFERENT BATTLE FILED AND DIFFERENT ENEMIES.
</p>
</div>
</section>
<section class="post">
<header class="post-header">
<h2 class="post-title">GAME MODES</h2>
<p class="post-meta">
</p>
</header>
<div class="post-description">
<ul>
<li>GAME MODES</li>
<li><a href="file:///C:/Users/Zhengrong/AppData/Local/Temp/nppLocalization/new%20%2054564.html">SEARCH AND DESTROY</a></li>
Search and Destroy is a game mode that consists of two opposite bomb sites, A Site and B Site. Both teams, Black List as terrorists and Global Risk as counter-terrorists, have the goal to eliminate each other before the time runs out - in order to win the round.
Each round has a timer, which counts down from 2:20. Only those who join the game before 2:00 will be able to play that round. Host may adjust the options to make the maps either knife only, pistol only, or sniper only. This mode can consist of first to 5,7,9,11,13,
and 15 wins to finish the match.This mode is well-known by the high EXP rewards, as this game mode on average takes longer to finish than any other mode. Besides, successful bomb plant/defusing also give additional experience points. The skill level tends to be higher
in S&D as there is no possibility to respawn, and players come for a challenge.
<iframe width="1000" height="500" src="http://www11.onrpg.com/wp-content/uploads/2014/01/Cross-Fire-Yard.jpg"frameborder="0" allowfullscreen></iframe>
<li><a href="file:///C:/Users/Zhengrong/AppData/Local/Temp/nppLocalization/td%20%201.html">TEAM DEATH MATCH</a></li>
<p>Team Deathmatch is one of the game modes in Crossfire and the basic Team mode. BL and GR fight against each other in various battlefields, and it's up to the players to work together to bring victory to their team.</p>
<iframe width="1000" height="600" src="http://b1.photo.store.qq.com/psb?/V11RncJ34aMLOE/7pqJH6KU6Jwiaf.gspmg1OqO5PANatZeuV11up8gChg!/b/dAEAAAAAAAAA&bo=IANLAiADSwIFByQ!&rf=viewer_4"frameborder="0" allowfullscreen></iframe>
<li><a href="file:///C:/Users/Zhengrong/AppData/Local/Temp/nppLocalization/mutant%20%201.html">MUTANTS MODE</a></li>
<p>All mutants represent players in a room that are chosen as host mutants or infected by other mutants. They have very high HP, allowing them to take a lot of hit, but can only use melee attack to infect other soldiers. When getting shot at, mutants will be knocked back
(MM/HM) or slowed down on their track (HMX/MKM), making it harder for them to reach Soldiers.</p>
<p>Each mutant has their own special skill, activated by pressing G. Infected/respawn mutants (Except Xeno/Havoc) starts at level 0 and must earn evolve point by infecting other soldiers, getting hit (Hero Mode) or absorb point from other dead mutants. Once a mutant reach Berserk
level (2), they gain 2000 more HP and can start using special skill (Cost 500 HP each). Reaching Titan level (5) nets them another 2000 HP.</p>
<img src="http://a1.qpic.cn/psb?/V11RncJ30VOFuv/iXpr0LHO1.00e7s5VdWf1C5.2jl7DZJKZBT97ZtIAFI!/b/dFgAAAAAAAAA&ek=1&kp=1&pt=0&bo=AwQxAgAAAAAFBxA!&sce=0-12-12&rf=viewer_4"/></li>
<li><a href="file:///C:/Users/Zhengrong/AppData/Local/Temp/nppLocalization/mutant%20%201.html">Zombie mode</a></li>
Zombie Mode is the first PVE (Players vs. Enemies) based mode CrossFire, requiring players to cooperative to finish the map's preset goal. In most case, the map contains NPC-controlled Zombies confronting players and they must be killed / dodged in order to process on.
<img style=“width:1000px; height:500px" src="https://cfire.mail.ru/pictures/images/zombie_news.jpg"/>
</ul>
</div>
</section>
</div>
</div>
<span class="info-area">
<a href="javascript:showRoleselector();" id="confirmButtonId_m"></a>
<span id="area_info" style="display:none;"></span>
<a href="javascript:showRoleselector();" id="updateBind" style="display:none;"></a>
</span>
</div>
</div>
</div>
</body>
<ml>