Skip to content

Commit 0cd1b9a

Browse files
bfcoderbfcoder
committed
Add rel="noopener" to blank targets
1 parent dd57478 commit 0cd1b9a

File tree

3 files changed

+24
-24
lines changed

3 files changed

+24
-24
lines changed

‎bfcoder-github-com/app/templates/application.hbs‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,8 @@
1111
{{#nav.dropdown as |dd|}}
1212
{{#dd.toggle}}Other <span class="caret"></span>{{/dd.toggle}}
1313
{{#dd.menu as |ddm|}}
14-
{{#ddm.item}}<a target="_blank" class="dropdown-item" href="http://blog.bfcoder.com">Blog</a>{{/ddm.item}}
15-
{{#ddm.item}}<a target="_blank" class="dropdown-item" href="https://github.com/bfcoder">GitHub</a>{{/ddm.item}}
14+
{{#ddm.item}}<a target="_blank" rel="noopener" class="dropdown-item" href="http://blog.bfcoder.com">Blog</a>{{/ddm.item}}
15+
{{#ddm.item}}<a target="_blank" rel="noopener" class="dropdown-item" href="https://github.com/bfcoder">GitHub</a>{{/ddm.item}}
1616
{{/dd.menu}}
1717
{{/nav.dropdown}}
1818
{{/navbar.nav}}

‎bfcoder-github-com/app/templates/index.hbs‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<div class="card-deck mb-3 text-center">
99
{{#info-block main-class='mb-4 box-shadow' title='Profession'}}
1010
<ul class="list-unstyled mt-3 mb-4">
11-
<li>I am a software developer. I write code for <a target="_blank" href='http://www.atomicjolt.com/'>Atomic Jolt</a>. I worked for Tatemae from November 2011 - November 2014. I was hired on with Atomic Jolt in November 2014. Prior to that I worked for the Sam's Club Pharmacy as a Pharmacy Technician for 6 years while I studied Computer Science at USU. Take a look at some of the {{#link-to 'projects'}}Projects{{/link-to}} I have done.</li>
11+
<li>I am a software developer. I write code for <a target="_blank" rel="noopener" href='http://www.atomicjolt.com/'>Atomic Jolt</a>. I worked for Tatemae from November 2011 - November 2014. I was hired on with Atomic Jolt in November 2014. Prior to that I worked for the Sam's Club Pharmacy as a Pharmacy Technician for 6 years while I studied Computer Science at USU. Take a look at some of the {{#link-to 'projects'}}Projects{{/link-to}} I have done.</li>
1212
</ul>
1313
{{/info-block}}
1414
</div>
@@ -25,13 +25,13 @@
2525
<div class="card-deck mb-3 text-center">
2626
{{#info-block main-class='mb-4 box-shadow' title='Experience'}}
2727
<ul class="list-unstyled mt-3 mb-4">
28-
<li><a target="_blank" href="http://rubyonrails.org/">Ruby on Rails</a></li>
29-
<li><a href="http://yuiblog.com/crockford/">Javascript</a> (including <a target="_blank" href="http://jquery.com/">jQuery</a>, <a target="_blank" href="http://emberjs.com/">Ember.js</a>, <a target="_blank" href="http://coffeescript.org/">CoffeeScript</a>, <a target="_blank" href="http://nodejs.org/">Node.js</a>, and <a target="_blank" href="https://facebook.github.io/react/">React.js</a>)</li>
30-
<li><a target="_blank" href="http://www.html5rocks.com/">HTML5</a></li>
31-
<li><a target="_blank" href="http://www.iron.io/">Iron.io</a></li>
28+
<li><a target="_blank" rel="noopener" href="http://rubyonrails.org/">Ruby on Rails</a></li>
29+
<li><a href="http://yuiblog.com/crockford/">Javascript</a> (including <a target="_blank" rel="noopener" href="http://jquery.com/">jQuery</a>, <a target="_blank" rel="noopener" href="http://emberjs.com/">Ember.js</a>, <a target="_blank" rel="noopener" href="http://coffeescript.org/">CoffeeScript</a>, <a target="_blank" rel="noopener" href="http://nodejs.org/">Node.js</a>, and <a target="_blank" rel="noopener" href="https://facebook.github.io/react/">React.js</a>)</li>
30+
<li><a target="_blank" rel="noopener" href="http://www.html5rocks.com/">HTML5</a></li>
31+
<li><a target="_blank" rel="noopener" href="http://www.iron.io/">Iron.io</a></li>
3232
<li>C#</li>
3333
<li>C++</li>
34-
<li><a target="_blank" href="http://www.phoenixframework.org/">Phoenix</a></li>
34+
<li><a target="_blank" rel="noopener" href="http://www.phoenixframework.org/">Phoenix</a></li>
3535
<li>postgres</li>
3636
</ul>
3737
{{/info-block}}

‎bfcoder-github-com/app/templates/projects.hbs‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
<ul class="list-unstyled mt-3 mb-4">
1616
<li>Finding open educational resources and clipping them for others to see and use. This web app allows teachers to gather open educational resources from about the web, and place them into tapestries for their students to view. Or perhaps make lessons to show the class. Possibilities are numerous. It can also be very useful to corporations wanting to train their employees and give them quizzes to make sure they understand the training. Anyone can build up a course for someone to take.</li>
1717
<li>Technology: Ruby on Rails, Javascript, mysql</li>
18-
<li><a target="_blank" class="mt-4 btn btn-lg btn-outline-primary" href="http://www.opentapestry.com/">Check it out &raquo;</a></li>
18+
<li><a target="_blank" rel="noopener" class="mt-4 btn btn-lg btn-outline-primary" href="http://www.opentapestry.com/">Check it out &raquo;</a></li>
1919
</ul>
2020
{{/info-block}}
2121
</div>
@@ -24,17 +24,17 @@
2424
<ul class="list-unstyled mt-3 mb-4">
2525
<li>I took Instructure's Canvas and modified it for the EDC Maine EM2 Project. It now has the ability to enter misconception probabilities for an assessment. So when the student takes an assessment, it calculates the probability that they have a misconception. It does not show a score to the student or the teacher. The teacher can pull up a report that shows them which students have misconceptions about mathematics. I also incorporated new features into taking an assessment. The student can type in an explanation. They can also draw an explanation as to why they feel the answer they chose is correct.</li>
2626
<li>Technology: Ruby on Rails, Javascript, mysql</li>
27-
<li><a target="_blank" class="mt-4 btn btn-lg btn-outline-primary" href="http://maine.edc.org/file.php/1/em2/em2.html">View details &raquo;</a></li>
27+
<li><a target="_blank" rel="noopener" class="mt-4 btn btn-lg btn-outline-primary" href="http://maine.edc.org/file.php/1/em2/em2.html">View details &raquo;</a></li>
2828
</ul>
2929
{{/info-block}}
3030
</div>
3131
<div class="card-deck mb-3 text-center">
3232
{{#info-block main-class='mb-4 box-shadow' title='Saylor.org'}}
3333
<ul class="list-unstyled mt-3 mb-4">
34-
<li>Online free educational institution called <a target="_blank" href="http://www.saylor.org/">Saylor.org</a>. I helped develop the <a target="_blank" href="http://eportfolio.saylor.org/"> ePortfolio</a> for the site.</li>
34+
<li>Online free educational institution called <a target="_blank" rel="noopener" href="http://www.saylor.org/">Saylor.org</a>. I helped develop the <a target="_blank" rel="noopener" href="http://eportfolio.saylor.org/"> ePortfolio</a> for the site.</li>
3535
<li>Check it out if you want some free education. Very cool.</li>
3636
<li>Technology: Ruby on Rails, Javascript, mysql</li>
37-
<li><a target="_blank" class="mt-4 btn btn-lg btn-outline-primary" href="http://eportfolio.saylor.org/">Check it out &raquo;</a></li>
37+
<li><a target="_blank" rel="noopener" class="mt-4 btn btn-lg btn-outline-primary" href="http://eportfolio.saylor.org/">Check it out &raquo;</a></li>
3838
</ul>
3939
{{/info-block}}
4040
</div>
@@ -43,15 +43,15 @@
4343
<div class="card-deck mb-3 text-center">
4444
{{#info-block main-class='mb-4 box-shadow' title='Matti - graph theory'}}
4545
<ul class="list-unstyled mt-3 mb-4">
46-
<li>Created some interactive modules to teach students about graph theory. This included Euler Circuits, Minimum Spanning Tree - Kruskal's Algorithm, and Map Coloring. The modules are included with this book &QUOT;<a target="_blank" href="http://www.wiley.com/WileyCDA/WileyTitle/productCd-EHEP002457.html">The Heart of Mathematics: An Invitation to Effective Thinking, 4th Edition</a>.&QUOT;</li>
46+
<li>Created some interactive modules to teach students about graph theory. This included Euler Circuits, Minimum Spanning Tree - Kruskal's Algorithm, and Map Coloring. The modules are included with this book &QUOT;<a target="_blank" rel="noopener" href="http://www.wiley.com/WileyCDA/WileyTitle/productCd-EHEP002457.html">The Heart of Mathematics: An Invitation to Effective Thinking, 4th Edition</a>.&QUOT;</li>
4747
<li>Technology: HTML5, Javascript (KineticJS)</li>
4848
</ul>
4949
{{/info-block}}
5050
</div>
5151
<div class="card-deck mb-3 text-center">
5252
{{#info-block main-class='mb-4 box-shadow' title='Matti - Base Blocks'}}
5353
<ul class="list-unstyled mt-3 mb-4">
54-
<li>Base Blocks had previously been written by my boss <a target="_blank" href="http://www.joelduffin.com/">Joel Duffin</a> however it was written in Java. It can be found on the <a target="_blank" href="http://enlvm.usu.edu/ma/nav/index.jsp">eNLVM</a>: <a target="_blank" href="http://enlvm.usu.edu/ma/nav/activity.jsp?sid=nlvm&cid=4_2&lid=152">Base Blocks</a>. This made it useless to be ran on an iOS device. So I was enlisted to re-write the code in HTML5 so it could be ran on mobile devices as well. I wrote a lot of it and Kami Wilson took over the project so I could focus on other projects.</li>
54+
<li>Base Blocks had previously been written by my boss <a target="_blank" rel="noopener" href="http://www.joelduffin.com/">Joel Duffin</a> however it was written in Java. It can be found on the <a target="_blank" rel="noopener" href="http://enlvm.usu.edu/ma/nav/index.jsp">eNLVM</a>: <a target="_blank" rel="noopener" href="http://enlvm.usu.edu/ma/nav/activity.jsp?sid=nlvm&cid=4_2&lid=152">Base Blocks</a>. This made it useless to be ran on an iOS device. So I was enlisted to re-write the code in HTML5 so it could be ran on mobile devices as well. I wrote a lot of it and Kami Wilson took over the project so I could focus on other projects.</li>
5555
<li>Technology: HTML5, Javascript (KineticJS)</li>
5656
</ul>
5757
{{/info-block}}
@@ -71,7 +71,7 @@
7171
<ul class="list-unstyled mt-3 mb-4">
7272
<li>This is a project that we built and was funded by MIT. It is a way for anyone to create online assessments and embed them anywhere on the web. Put them inside Instructure's Canvas, or put them on your blog. Doesn't really matter. After people have taken the assessment, you can view the statistics. It was built with Ruby on Rails. We will switch it over to Ruby on Rails combined with Ember.js eventually.</li>
7373
<li>Technology: Ruby on Rails, Javascript</li>
74-
<li><a target="_blank" class="mt-4 btn btn-lg btn-outline-primary" href="http://www.openassessments.com/">Check it out &raquo;</a></li>
74+
<li><a target="_blank" rel="noopener" class="mt-4 btn btn-lg btn-outline-primary" href="http://www.openassessments.com/">Check it out &raquo;</a></li>
7575
</ul>
7676
{{/info-block}}
7777
</div>
@@ -80,7 +80,7 @@
8080
<ul class="list-unstyled mt-3 mb-4">
8181
<li>CMAT stands for Concept Map Authoring Tool. You can build concept maps with it.</li>
8282
<li>Technology: Ruby on Rails, HTML5, Javascript (KineticJS, Ember)</li>
83-
<li><a target="_blank" class="mt-4 btn btn-lg btn-outline-primary" href="http://cmat.herokuapp.com/">Check it out &raquo;</a></li>
83+
<li><a target="_blank" rel="noopener" class="mt-4 btn btn-lg btn-outline-primary" href="http://cmat.herokuapp.com/">Check it out &raquo;</a></li>
8484
</ul>
8585
{{/info-block}}
8686
</div>
@@ -89,7 +89,7 @@
8989
<ul class="list-unstyled mt-3 mb-4">
9090
<li>I rebuilt the MIT OEIT Player to work with html5 using JW Player 6. If you check it out, go to the bottom left video of Walter Lewin for a good example. I made it so they can easily put new videos together and using data tags set the parameters of the video.</li>
9191
<li>Technology: HTML5, Javascript, JW Player 6</li>
92-
<li><a target="_blank" class="mt-4 btn btn-lg btn-outline-primary" href="http://iihs.herokuapp.com/">Check it out &raquo;</a></li>
92+
<li><a target="_blank" rel="noopener" class="mt-4 btn btn-lg btn-outline-primary" href="http://iihs.herokuapp.com/">Check it out &raquo;</a></li>
9393
</ul>
9494
{{/info-block}}
9595
</div>
@@ -100,7 +100,7 @@
100100
<ul class="list-unstyled mt-3 mb-4">
101101
<li>I built an authoring interface for MIT to build the html for the players.</li>
102102
<li>Technology: HTML5, Javascript</li>
103-
<li><a target="_blank" class="mt-4 btn btn-lg btn-outline-primary" href="http://iihs.herokuapp.com/admin/">Check it out &raquo;</a></li>
103+
<li><a target="_blank" rel="noopener" class="mt-4 btn btn-lg btn-outline-primary" href="http://iihs.herokuapp.com/admin/">Check it out &raquo;</a></li>
104104
</ul>
105105
{{/info-block}}
106106
</div>
@@ -110,7 +110,7 @@
110110
<li>panOpen is an app that an instructor can create a course with a book. The students can read the book and take quizzes for the chapters. The instructor can view the statistics for each student in the class. Statistics include the time they have spent reading the book and each of their attempts at the quizzes. I also wrote a node app that accepts an image request with user and book id's. It stores that information in Redis. While the student is reading the book, every 15 seconds it sends a request for the image, thus recording that they are reading the book. I then wrote an iron.io task that gets all that data out of Redis and crunches it to compute how long they have been reading for. It then sends that data to rails to store in the database.</li>
111111
<li>After some time, we decided we needed a faster system. So I converted from a node app to a phoenix elixir app. We no longer send image requests. We just POST to it with CORS as it is on a separate domain, and store it in postgres. During the POST I do an upsert on the data. Each day gets it own entry in the database. So now I no longer need iron.io to compute the data. I can just query the database on demand.</li>
112112
<li>Technology: Ruby on Rails, Javascript (Ember, React, Phoenix), postgres</li>
113-
<li><a target="_blank" class="mt-4 btn btn-lg btn-outline-primary" href="http://www.panopen.com/">Check it out &raquo;</a></li>
113+
<li><a target="_blank" rel="noopener" class="mt-4 btn btn-lg btn-outline-primary" href="http://www.panopen.com/">Check it out &raquo;</a></li>
114114
</ul>
115115
{{/info-block}}
116116
</div>
@@ -130,7 +130,7 @@
130130
<ul class="list-unstyled mt-3 mb-4">
131131
<li>SCORM package manager and player</li>
132132
<li>Technology: Ruby on Rails, Javascript (React)</li>
133-
<li><a target="_blank" class="mt-4 btn btn-lg btn-outline-primary" href="https://github.com/atomicjolt/adhesion">Check it out &raquo;</a></li>
133+
<li><a target="_blank" rel="noopener" class="mt-4 btn btn-lg btn-outline-primary" href="https://github.com/atomicjolt/adhesion">Check it out &raquo;</a></li>
134134
</ul>
135135
{{/info-block}}
136136
</div>
@@ -147,7 +147,7 @@
147147
<ul class="list-unstyled mt-3 mb-4">
148148
<li>Therapist and patients management</li>
149149
<li>Technology: Ruby on Rails, Javascript (React, Ember)</li>
150-
<li><a target="_blank" class="mt-4 btn btn-lg btn-outline-primary" href="https://www.therapymate.com/">Check it out &raquo;</a></li>
150+
<li><a target="_blank" rel="noopener" class="mt-4 btn btn-lg btn-outline-primary" href="https://www.therapymate.com/">Check it out &raquo;</a></li>
151151
</ul>
152152
{{/info-block}}
153153
</div>
@@ -163,7 +163,7 @@
163163
<ul class="list-unstyled mt-3 mb-4">
164164
<li>My CS5460 Computer Securities final project for authenticating a user.</li>
165165
<li>Technology: Ruby on Rails, Javascript</li>
166-
<li><a target="_blank" class="mt-4 btn btn-lg btn-outline-primary" href="http://finalproject.bfcoder.com/">Check it out &raquo;</a></li>
166+
<li><a target="_blank" rel="noopener" class="mt-4 btn btn-lg btn-outline-primary" href="http://finalproject.bfcoder.com/">Check it out &raquo;</a></li>
167167
</ul>
168168
{{/info-block}}
169169
</div>
@@ -172,7 +172,7 @@
172172
<ul class="list-unstyled mt-3 mb-4">
173173
<li>Made a site with Scott Biery that highlighted HTML5 and gave some examples. I wrote the two HTML5 canvas examples and Scott formatted the site and put together the HTML5 examples page. It was a lot of fun to write the javascript for this project. And yes, it works with an iPad. :]</li>
174174
<li>Technology: HTML5</li>
175-
<li><a target="_blank" class="mt-4 btn btn-lg btn-outline-primary" href="http://www.ninjascott.com/CS5100/about-html5.php">Check it out &raquo;</a></li>
175+
<li><a target="_blank" rel="noopener" class="mt-4 btn btn-lg btn-outline-primary" href="http://www.ninjascott.com/CS5100/about-html5.php">Check it out &raquo;</a></li>
176176
</ul>
177177
{{/info-block}}
178178
</div>
@@ -188,7 +188,7 @@
188188
<ul class="list-unstyled mt-3 mb-4">
189189
<li>Currently building a page to highlight a Sea Turtle that has been rescued.</li>
190190
<li>Technology: HTML5, Javascript (Ember)</li>
191-
<li><a target="_blank" class="mt-4 btn btn-lg btn-outline-primary" href="http://www.thelivingplanet.com/index.php">The Living Planet Aquarium</a></li>
191+
<li><a target="_blank" rel="noopener" class="mt-4 btn btn-lg btn-outline-primary" href="http://www.thelivingplanet.com/index.php">The Living Planet Aquarium</a></li>
192192
</ul>
193193
{{/info-block}}
194194
</div>

0 commit comments

Comments
 (0)