HAHA. I shouldn't be allowed to touch configs
This commit is contained in:
parent
e05068af2b
commit
2b200eaa5a
@ -29,10 +29,11 @@ kramdown:
|
||||
input: GFM
|
||||
syntax_highlighter: rouge
|
||||
|
||||
collections_dir: collections
|
||||
collections:
|
||||
docs:
|
||||
output: true
|
||||
# THIS BREAKS THE SITE!!
|
||||
# collections_dir: collections
|
||||
# collections:
|
||||
# docs:
|
||||
# output: true
|
||||
|
||||
highlighter: rouge
|
||||
|
||||
|
||||
@ -1,22 +1,40 @@
|
||||
{
|
||||
"featured":{
|
||||
"name":"DeepSpace Offseason Codebase",
|
||||
"description":"This is the code behind <a href='https://frc5024.github.io'>@frc5024</a>'s robot for the 2019 offseason. I have spent a large amount of my free time adding every feature that I wished we had during the season as a way to familiarize myself with the WPIlib Java API.",
|
||||
"url":"https://github.com/frc5024/DeepSpace-SWI",
|
||||
"image":"https://i.ytimg.com/vi/aifZLWQ_N7U/maxresdefault.jpg"
|
||||
"featured": {
|
||||
"name": "DeepSpace Offseason Codebase",
|
||||
"description": "This is the code behind <a href='https://frc5024.github.io'>@frc5024</a>'s robot for the 2019 offseason. I have spent a large amount of my free time adding every feature that I wished we had during the season as a way to familiarize myself with the WPIlib Java API.",
|
||||
"url": "https://github.com/frc5024/DeepSpace-SWI",
|
||||
"image": "https://i.ytimg.com/vi/aifZLWQ_N7U/maxresdefault.jpg"
|
||||
},
|
||||
"other":[
|
||||
{
|
||||
"name":"ThriftyField",
|
||||
"description":"ThriftyField is an open source replacement for the FIRST FMS software. This tool allows mass control over robots, along with real-time scoring and an audience display.",
|
||||
"url":"https://github.com/frc5024/ThriftyField",
|
||||
"image":""
|
||||
},
|
||||
{
|
||||
"name":"DevDNS",
|
||||
"description":"DevDNS is a <a href='https://devrant.com/'>devRant</a> bot for resolving DNS queries send via devRant’s comments system.",
|
||||
"url":"https://github.com/Ewpratten/devDNS",
|
||||
"image":""
|
||||
}
|
||||
]
|
||||
"other": {
|
||||
"rows": [
|
||||
[
|
||||
{
|
||||
"name": "ThriftyField",
|
||||
"description": "ThriftyField is an open source replacement for the FIRST FMS software. This tool allows mass control over robots, along with real-time scoring and an audience display.",
|
||||
"url": "https://github.com/frc5024/ThriftyField",
|
||||
"image": ""
|
||||
},
|
||||
{
|
||||
"name": "DevDNS",
|
||||
"description": "DevDNS is a <a href='https://devrant.com/'>devRant</a> bot for resolving DNS queries send via devRant’s comments system.",
|
||||
"url": "https://github.com/Ewpratten/devDNS",
|
||||
"image": ""
|
||||
}
|
||||
],
|
||||
[
|
||||
{
|
||||
"name": "Dirobium",
|
||||
"description": "Dirobium is a fantasy CPU emulator that I built to teach myself basic low-level programming",
|
||||
"url": "https://github.com/Ewpratten/Dirobium",
|
||||
"image": ""
|
||||
},
|
||||
{
|
||||
"name": "devCredits",
|
||||
"description": "My first community project, a tool help people credit contributors on their devRant community projects",
|
||||
"url": "https://github.com/Ewpratten/devCredits",
|
||||
"image": ""
|
||||
}
|
||||
]
|
||||
]
|
||||
}
|
||||
}
|
||||
@ -50,9 +50,18 @@
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id={{site.ga_analytics}}"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', '{{site.ga_analytics}}');
|
||||
gtag('config', '{{site.ga_analytics}}');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
@ -12,8 +12,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="home container">
|
||||
<div class="reactive-bg" >
|
||||
<div class="home container" >
|
||||
<div class="profile">
|
||||
<img src="{{site.baseurl}}/assets/images/human-profile.jpg">
|
||||
</div>
|
||||
|
||||
@ -41,31 +41,37 @@
|
||||
|
||||
<br><br>
|
||||
|
||||
|
||||
{% for row in site.data.projects["other"]["rows"] %}
|
||||
<div class="card-deck">
|
||||
{% for project in site.data.projects["other"] %}
|
||||
<div class="card">
|
||||
{% if project.image != "" %}
|
||||
<img src="{{project.image}}" class="card-img-top" alt="Project image">
|
||||
{% endif %}
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">{{project.name}}</h5>
|
||||
<p class="card-text">{{project.description}}</p>
|
||||
<a href="{{project.url}}">
|
||||
<button type="button" class="btn btn-info">View Project</button>
|
||||
</a>
|
||||
</div>
|
||||
{% for project in row %}
|
||||
<div class="card">
|
||||
{% if project.image != "" %}
|
||||
<img src="{{project.image}}" class="card-img-top" alt="Project image">
|
||||
{% endif %}
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">{{project.name}}</h5>
|
||||
<p class="card-text">{{project.description}}</p>
|
||||
<a href="{{project.url}}">
|
||||
<button type="button" class="btn btn-info">View Project</button>
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
<div class="centre">
|
||||
<p>This site is still under development. More projects will be listed soon.</p>
|
||||
</div>
|
||||
|
||||
|
||||
{% endfor %}
|
||||
</div>
|
||||
<br><br>
|
||||
{% endfor %}
|
||||
|
||||
|
||||
<br><br>
|
||||
<div class="centre">
|
||||
<p>This site is still under development. More projects will be listed soon.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% include footer.html %}
|
||||
|
||||
|
||||
|
||||
@ -161,7 +161,7 @@ sub rsa4096/0xA61A2F1676E35144 2019-08-11 [] [expires: 2025-08-09]
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-17 12:03:52 -0400
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
@ -202,14 +202,22 @@ sub rsa4096/0xA61A2F1676E35144 2019-08-11 [] [expires: 2025-08-09]
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
@ -104,7 +104,6 @@ a h5 {
|
||||
font-family: 'Noto Sans TC', sans-serif;
|
||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
background-color: #fff;
|
||||
|
||||
}
|
||||
|
||||
.container .profile{
|
||||
|
||||
110
_site/assets/js/particles.json
Normal file
110
_site/assets/js/particles.json
Normal file
@ -0,0 +1,110 @@
|
||||
{
|
||||
"particles": {
|
||||
"number": {
|
||||
"value": 33,
|
||||
"density": {
|
||||
"enable": true,
|
||||
"value_area": 800
|
||||
}
|
||||
},
|
||||
"color": {
|
||||
"value": "#6c757d"
|
||||
},
|
||||
"shape": {
|
||||
"type": "circle",
|
||||
"stroke": {
|
||||
"width": 0,
|
||||
"color": "#000000"
|
||||
},
|
||||
"polygon": {
|
||||
"nb_sides": 5
|
||||
},
|
||||
"image": {
|
||||
"src": "img/github.svg",
|
||||
"width": 100,
|
||||
"height": 100
|
||||
}
|
||||
},
|
||||
"opacity": {
|
||||
"value": 0.5,
|
||||
"random": false,
|
||||
"anim": {
|
||||
"enable": false,
|
||||
"speed": 1,
|
||||
"opacity_min": 0.1,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"size": {
|
||||
"value": 3.9458004845442964,
|
||||
"random": false,
|
||||
"anim": {
|
||||
"enable": false,
|
||||
"speed": 40,
|
||||
"size_min": 0.1,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"line_linked": {
|
||||
"enable": true,
|
||||
"distance": 110.4824135672403,
|
||||
"color": "#17a2b8",
|
||||
"opacity": 1,
|
||||
"width": 4.419296542689612
|
||||
},
|
||||
"move": {
|
||||
"enable": false,
|
||||
"speed": 6,
|
||||
"direction": "none",
|
||||
"random": false,
|
||||
"straight": false,
|
||||
"out_mode": "out",
|
||||
"bounce": false,
|
||||
"attract": {
|
||||
"enable": false,
|
||||
"rotateX": 600,
|
||||
"rotateY": 1200
|
||||
}
|
||||
}
|
||||
},
|
||||
"interactivity": {
|
||||
"detect_on": "canvas",
|
||||
"events": {
|
||||
"onhover": {
|
||||
"enable": false,
|
||||
"mode": "repulse"
|
||||
},
|
||||
"onclick": {
|
||||
"enable": true,
|
||||
"mode": "remove"
|
||||
},
|
||||
"resize": true
|
||||
},
|
||||
"modes": {
|
||||
"grab": {
|
||||
"distance": 400,
|
||||
"line_linked": {
|
||||
"opacity": 1
|
||||
}
|
||||
},
|
||||
"bubble": {
|
||||
"distance": 400,
|
||||
"size": 40,
|
||||
"duration": 2,
|
||||
"opacity": 8,
|
||||
"speed": 3
|
||||
},
|
||||
"repulse": {
|
||||
"distance": 200,
|
||||
"duration": 0.4
|
||||
},
|
||||
"push": {
|
||||
"particles_nb": 4
|
||||
},
|
||||
"remove": {
|
||||
"particles_nb": 2
|
||||
}
|
||||
}
|
||||
},
|
||||
"retina_detect": true
|
||||
}
|
||||
9
_site/assets/js/particles.min.js
vendored
Normal file
9
_site/assets/js/particles.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
180
_site/blog/2018/06/27/becomeranter.html
Normal file
180
_site/blog/2018/06/27/becomeranter.html
Normal file
@ -0,0 +1,180 @@
|
||||
<head>
|
||||
<title>Evan Pratten</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="stylesheet" href="/assets/css/github-syntax.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-ctr">
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg">
|
||||
<!-- Navbar content -->
|
||||
<!-- <div class="container"> -->
|
||||
<a class="navbar-brand" href="/">Evan Pratten</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
|
||||
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav ml-auto">
|
||||
<a class="nav-item nav-link" href="/blog">Blog</a>
|
||||
<a class="nav-item nav-link" href="/projects">Projects</a>
|
||||
<!-- <a class="nav-item nav-link" href="/documentation">Documentation</a> -->
|
||||
<a class="nav-item nav-link" href="/about">About</a>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</nav>
|
||||
<!-- <div style="height:5vh"></div> -->
|
||||
|
||||
<!-- Header -->
|
||||
<!-- <div class="header">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-gap"></div>
|
||||
</div> -->
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container">
|
||||
<h1>Using a python script to create devRant posts based on the style and content of another user</h1>
|
||||
<h4>if/else ++</h4>
|
||||
<hr>
|
||||
<p><em>2018-06-27 14:32:00 -0400</em></p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>Ok… The title is slightly wrong. There are actually 2 scripts.. Sorry about that.</p>
|
||||
|
||||
<p>This is a guide on installing and using the <a href="https://github.com/Ewpratten/BecomeRanter">BecomeRanter</a> script.</p>
|
||||
|
||||
<h2 id="getting-dependancies">Getting dependancies</h2>
|
||||
<p>The scripts use Google’s tensorflow library to do its “magic”. So first, we should install Tensorflow’s dependencies.</p>
|
||||
|
||||
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo apt install python3 python3-pip #change this command to fit your distro
|
||||
pip3 install numpy
|
||||
</code></pre></div></div>
|
||||
<p>Then install Tensorflow</p>
|
||||
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>pip3 install tensorflow #for cpu processing
|
||||
pip3 install tensorflow-gpu #for gpu processing
|
||||
</code></pre></div></div>
|
||||
|
||||
<p>Next up, install the rest of the stuff:</p>
|
||||
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>pip3 install textgenrnn pandas keras
|
||||
</code></pre></div></div>
|
||||
|
||||
<h2 id="clone-the-repo">Clone the repo</h2>
|
||||
<p>This is pretty simple. just make sure you have <code class="highlighter-rouge">git</code> installed and run</p>
|
||||
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>git clone https://github.com/Ewpratten/BecomeRanter.git
|
||||
</code></pre></div></div>
|
||||
|
||||
<h2 id="generate-some-rants-with-a-hdf5-file">Generate some rants with a .hdf5 file</h2>
|
||||
<p>As of the time of writing this, I have pre-generated some files for the two most popular ranters. These files can be found in <code class="highlighter-rouge">BecomeRanter/Checkpoint\ Files</code>.</p>
|
||||
|
||||
<p>Higher epoch numbers mean that they have had more time to train. The files with lower numbers are generally funnier.</p>
|
||||
|
||||
<p>To change the .hdf5 file you would like to use, open the file called <code class="highlighter-rouge">createsomerants.py</code> and change the variable called <code class="highlighter-rouge">input_file</code> to the path of your file. By default, the script generates from the <code class="highlighter-rouge">Linuxxx-epoch-90.hdf5</code> file.</p>
|
||||
|
||||
<p>Next, save that file and run the following in your terminal:</p>
|
||||
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>python3 createsomerants.py >> output.txt
|
||||
</code></pre></div></div>
|
||||
<p>It will not print the results out to the screen and put them in the file instead.</p>
|
||||
|
||||
<p>To stop the script, press CTRL + C</p>
|
||||
|
||||
<h2 id="create-your-own-hdf5-file">Create your own .hdf5 file</h2>
|
||||
<p>If you want to make your own hdf5 file, you just have to use the other script in the repo.</p>
|
||||
|
||||
<p>By default, you can just put all your text to train on in the <code class="highlighter-rouge">input.txt</code> file.</p>
|
||||
|
||||
<p>If you want to use a different file, or change the number of epochs, those variables can be found at the top of the <code class="highlighter-rouge">createhfd5frominput.py</code> file.</p>
|
||||
|
||||
<p>To start training, run:</p>
|
||||
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>python3 createhfd5frominput.py
|
||||
</code></pre></div></div>
|
||||
|
||||
<p>A new hdf5 file will be generated in the same folder as the script</p>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
<hr>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-lg ">
|
||||
|
||||
<!-- Navbar content -->
|
||||
<div class="container">
|
||||
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
|
||||
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
||||
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<!-- Offsets for links -->
|
||||
<script>
|
||||
(function ($, window) {
|
||||
var adjustAnchor = function () {
|
||||
|
||||
var $anchor = $(':target'),
|
||||
fixedElementHeight = 100;
|
||||
|
||||
if ($anchor.length > 0) {
|
||||
|
||||
window.scrollTo(0, $anchor.offset().top - fixedElementHeight);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
$(window).on('hashchange load', function () {
|
||||
adjustAnchor();
|
||||
});
|
||||
|
||||
})(jQuery, window);
|
||||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
144
_site/blog/2019/04/30/frc-languages.html
Normal file
144
_site/blog/2019/04/30/frc-languages.html
Normal file
@ -0,0 +1,144 @@
|
||||
<head>
|
||||
<title>Evan Pratten</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="stylesheet" href="/assets/css/github-syntax.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-ctr">
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg">
|
||||
<!-- Navbar content -->
|
||||
<!-- <div class="container"> -->
|
||||
<a class="navbar-brand" href="/">Evan Pratten</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
|
||||
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav ml-auto">
|
||||
<a class="nav-item nav-link" href="/blog">Blog</a>
|
||||
<a class="nav-item nav-link" href="/projects">Projects</a>
|
||||
<!-- <a class="nav-item nav-link" href="/documentation">Documentation</a> -->
|
||||
<a class="nav-item nav-link" href="/about">About</a>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</nav>
|
||||
<!-- <div style="height:5vh"></div> -->
|
||||
|
||||
<!-- Header -->
|
||||
<!-- <div class="header">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-gap"></div>
|
||||
</div> -->
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container">
|
||||
<h1>The language hunt</h1>
|
||||
<h4></h4>
|
||||
<hr>
|
||||
<p><em>2019-04-30 14:32:00 -0400</em></p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>Our programming team is looking to switch languages in the 2020 season. Here is the what, why, and how.</p>
|
||||
|
||||
<h2 id="our-history">Our history</h2>
|
||||
<p>We started out as a java team back in 2014 because java was (and still is) the language being taught in our programming classes. Honestly, our code sucked, as many rookie team’s do. There where no fancy features, or sensor-assisted autonomous. Direct input into talons was our way to roll.</p>
|
||||
|
||||
<p>A few years later, we had a change in team organization and switched to C++. Up until the 2019 / 2020 season, this was our language and we where getting pretty good at using it.</p>
|
||||
|
||||
<h2 id="the-problem">The Problem</h2>
|
||||
<p>We, as a team are looking to bring our programming and robots to the next level in 2020. Because of this, we ran into a problem. While C++ is an amazing language for embedded and robotics programming, some of it’s “features” where starting to act as a bottleneck to our design. Less time was being spent on polishing our new vision system or autonomous climb, and more on that crazy linker error that came out of nowhere.</p>
|
||||
|
||||
<p>It’s time for a change, but what do we change to?</p>
|
||||
|
||||
<h2 id="part-2">Part 2</h2>
|
||||
<p>The followup can be found <a href="/frc/2019/06/24/LanguageHunt2.html">HERE</a>.</p>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
<hr>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-lg ">
|
||||
|
||||
<!-- Navbar content -->
|
||||
<div class="container">
|
||||
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
|
||||
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
||||
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<!-- Offsets for links -->
|
||||
<script>
|
||||
(function ($, window) {
|
||||
var adjustAnchor = function () {
|
||||
|
||||
var $anchor = $(':target'),
|
||||
fixedElementHeight = 100;
|
||||
|
||||
if ($anchor.length > 0) {
|
||||
|
||||
window.scrollTo(0, $anchor.offset().top - fixedElementHeight);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
$(window).on('hashchange load', function () {
|
||||
adjustAnchor();
|
||||
});
|
||||
|
||||
})(jQuery, window);
|
||||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
157
_site/blog/2019/05/27/building-safe-vision-comms.html
Normal file
157
_site/blog/2019/05/27/building-safe-vision-comms.html
Normal file
@ -0,0 +1,157 @@
|
||||
<head>
|
||||
<title>Evan Pratten</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="stylesheet" href="/assets/css/github-syntax.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-ctr">
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg">
|
||||
<!-- Navbar content -->
|
||||
<!-- <div class="container"> -->
|
||||
<a class="navbar-brand" href="/">Evan Pratten</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
|
||||
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav ml-auto">
|
||||
<a class="nav-item nav-link" href="/blog">Blog</a>
|
||||
<a class="nav-item nav-link" href="/projects">Projects</a>
|
||||
<!-- <a class="nav-item nav-link" href="/documentation">Documentation</a> -->
|
||||
<a class="nav-item nav-link" href="/about">About</a>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</nav>
|
||||
<!-- <div style="height:5vh"></div> -->
|
||||
|
||||
<!-- Header -->
|
||||
<!-- <div class="header">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-gap"></div>
|
||||
</div> -->
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container">
|
||||
<h1>Building a safe and easy system for sending computer vision data from a raspberry pi to a roborio</h1>
|
||||
<h4></h4>
|
||||
<hr>
|
||||
<p><em>2019-05-27 05:22:00 -0400</em></p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>Computer vision on an FRC robot has some problems.</p>
|
||||
<ul>
|
||||
<li>RoboRIO is not powerfull enough</li>
|
||||
<li>NetworkTables is not fast enough</li>
|
||||
<li>A TCP connection is great until you lose connection</li>
|
||||
<li>mDNS discovery is not reliable on the field</li>
|
||||
<li>UDP can skip frames</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="needs">Needs</h2>
|
||||
<p>These are the things I need to have.</p>
|
||||
<ul>
|
||||
<li>Send data from any device</li>
|
||||
<li>Recive data on RoboRIO at any time</li>
|
||||
<li>Data rate faster than period time</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="wants">Wants</h2>
|
||||
<p>These are the things I would like to have.</p>
|
||||
<ul>
|
||||
<li>Easy discovery</li>
|
||||
<li>Threaded</li>
|
||||
<li>Simple interface for new programmers</li>
|
||||
<li>Fallback in case of UDP issues</li>
|
||||
<li>FMS network firewall compliant</li>
|
||||
</ul>
|
||||
|
||||
<p>I am currently working on a protocol for solving this problem, nad will post an update here once it has been tested. Feel free to let me know your thoughts and ideas.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
<hr>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-lg ">
|
||||
|
||||
<!-- Navbar content -->
|
||||
<div class="container">
|
||||
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
|
||||
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
||||
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<!-- Offsets for links -->
|
||||
<script>
|
||||
(function ($, window) {
|
||||
var adjustAnchor = function () {
|
||||
|
||||
var $anchor = $(':target'),
|
||||
fixedElementHeight = 100;
|
||||
|
||||
if ($anchor.length > 0) {
|
||||
|
||||
window.scrollTo(0, $anchor.offset().top - fixedElementHeight);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
$(window).on('hashchange load', function () {
|
||||
adjustAnchor();
|
||||
});
|
||||
|
||||
})(jQuery, window);
|
||||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
168
_site/blog/2019/06/12/styiling-github.html
Normal file
168
_site/blog/2019/06/12/styiling-github.html
Normal file
@ -0,0 +1,168 @@
|
||||
<head>
|
||||
<title>Evan Pratten</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="stylesheet" href="/assets/css/github-syntax.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-ctr">
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg">
|
||||
<!-- Navbar content -->
|
||||
<!-- <div class="container"> -->
|
||||
<a class="navbar-brand" href="/">Evan Pratten</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
|
||||
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav ml-auto">
|
||||
<a class="nav-item nav-link" href="/blog">Blog</a>
|
||||
<a class="nav-item nav-link" href="/projects">Projects</a>
|
||||
<!-- <a class="nav-item nav-link" href="/documentation">Documentation</a> -->
|
||||
<a class="nav-item nav-link" href="/about">About</a>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</nav>
|
||||
<!-- <div style="height:5vh"></div> -->
|
||||
|
||||
<!-- Header -->
|
||||
<!-- <div class="header">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-gap"></div>
|
||||
</div> -->
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container">
|
||||
<h1>GitHub's CSS is boring. So I refreshed the design</h1>
|
||||
<h4></h4>
|
||||
<hr>
|
||||
<p><em>2019-06-12 09:09:00 -0400</em></p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>I have been using GitHub since 2017, and have been getting tired of GitHub’s theme. I didn’t need a huge change, just a small refresh. So, to solve this, I whipped out <a href="https://addons.mozilla.org/en-CA/firefox/addon/styl-us/">Stylus</a> and made a nice little CSS file for it.</p>
|
||||
|
||||
<h2 id="the-css">The CSS</h2>
|
||||
<p>Here is the CSS. Feel free to play with it.</p>
|
||||
|
||||
<div class="language-css highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="k">@-moz-document</span> <span class="n">url-prefix</span><span class="p">(</span><span class="s1">"https://github.com/"</span><span class="p">)</span> <span class="p">{</span>
|
||||
<span class="nc">.Header</span> <span class="p">{</span>
|
||||
<span class="nl">background-color</span><span class="p">:</span> <span class="m">#1a3652</span><span class="p">;</span>
|
||||
<span class="p">}</span>
|
||||
|
||||
<span class="nc">.repohead.experiment-repo-nav</span> <span class="p">{</span>
|
||||
<span class="nl">background-color</span><span class="p">:</span> <span class="m">#fff</span><span class="p">;</span>
|
||||
<span class="p">}</span>
|
||||
<span class="nc">.reponav-item.selected</span> <span class="p">{</span>
|
||||
<span class="nl">border-color</span><span class="p">:</span> <span class="m">#fff</span> <span class="m">#fff</span> <span class="m">#4a79a8</span><span class="p">;</span>
|
||||
<span class="p">}</span>
|
||||
|
||||
<span class="nc">.btn.hover</span><span class="o">,</span>
|
||||
<span class="nc">.btn</span><span class="nd">:hover</span><span class="o">,</span>
|
||||
<span class="nc">.btn</span><span class="o">,</span>
|
||||
<span class="nc">.btn</span> <span class="p">{</span>
|
||||
<span class="nl">background-color</span><span class="p">:</span> <span class="m">#fafafa</span><span class="p">;</span>
|
||||
<span class="nl">background-image</span><span class="p">:</span> <span class="n">linear-gradient</span><span class="p">(</span><span class="m">-180deg</span><span class="p">,</span> <span class="m">#fafafa</span><span class="p">,</span> <span class="m">#fafafa</span> <span class="m">90%</span><span class="p">);</span>
|
||||
<span class="p">}</span>
|
||||
|
||||
<span class="nc">.btn-primary.hover</span><span class="o">,</span>
|
||||
<span class="nc">.btn-primary</span><span class="nd">:hover</span><span class="o">,</span>
|
||||
<span class="nc">.btn-primary</span><span class="o">,</span>
|
||||
<span class="nc">.btn-primary</span> <span class="p">{</span>
|
||||
<span class="nl">background-color</span><span class="p">:</span> <span class="m">#1aaa55</span><span class="p">;</span>
|
||||
<span class="nl">background-image</span><span class="p">:</span> <span class="n">linear-gradient</span><span class="p">(</span><span class="m">-180deg</span><span class="p">,</span> <span class="m">#1aaa55</span><span class="p">,</span> <span class="m">#1aaa55</span> <span class="m">90%</span><span class="p">);</span>
|
||||
<span class="p">}</span>
|
||||
|
||||
<span class="nc">.overall-summary</span> <span class="p">{}</span>
|
||||
<span class="p">}</span>
|
||||
</code></pre></div></div>
|
||||
|
||||
<h2 id="use-it-yourself">Use it yourself</h2>
|
||||
<p>I put this theme on userstyles.org. You can download and install it by going to <a href="https://userstyles.org/styles/172679/ewpratten-s-githubtheme">my userstyles page</a>.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
<hr>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-lg ">
|
||||
|
||||
<!-- Navbar content -->
|
||||
<div class="container">
|
||||
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
|
||||
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
||||
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<!-- Offsets for links -->
|
||||
<script>
|
||||
(function ($, window) {
|
||||
var adjustAnchor = function () {
|
||||
|
||||
var $anchor = $(':target'),
|
||||
fixedElementHeight = 100;
|
||||
|
||||
if ($anchor.length > 0) {
|
||||
|
||||
window.scrollTo(0, $anchor.offset().top - fixedElementHeight);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
$(window).on('hashchange load', function () {
|
||||
adjustAnchor();
|
||||
});
|
||||
|
||||
})(jQuery, window);
|
||||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
182
_site/blog/2019/06/16/graphing-w2a.html
Normal file
182
_site/blog/2019/06/16/graphing-w2a.html
Normal file
@ -0,0 +1,182 @@
|
||||
<head>
|
||||
<title>Evan Pratten</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="stylesheet" href="/assets/css/github-syntax.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-ctr">
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg">
|
||||
<!-- Navbar content -->
|
||||
<!-- <div class="container"> -->
|
||||
<a class="navbar-brand" href="/">Evan Pratten</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
|
||||
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav ml-auto">
|
||||
<a class="nav-item nav-link" href="/blog">Blog</a>
|
||||
<a class="nav-item nav-link" href="/projects">Projects</a>
|
||||
<!-- <a class="nav-item nav-link" href="/documentation">Documentation</a> -->
|
||||
<a class="nav-item nav-link" href="/about">About</a>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</nav>
|
||||
<!-- <div style="height:5vh"></div> -->
|
||||
|
||||
<!-- Header -->
|
||||
<!-- <div class="header">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-gap"></div>
|
||||
</div> -->
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container">
|
||||
<h1>Graphing the relation between wheels and awards for FRC</h1>
|
||||
<h4>AKA. Why programmer + reddit + matplotlib is a bad idea.</h4>
|
||||
<hr>
|
||||
<p><em>2019-06-16 11:51:00 -0400</em></p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>I was scrolling through reddit the other day, and came across <a href="https://www.reddit.com/r/FRC/comments/byzv5q/i_know_what_im_doing/">this great post</a> by u/<a href="https://www.reddit.com/user/MasterQuacks/">MasterQuacks</a>.</p>
|
||||
|
||||
<p><img src="/assets/images/w2ainspo.jpg" alt="My insporation" /></p>
|
||||
|
||||
<p>I thought to myself “ha. Thats funny”, and moved on. But that thought had stuck with me.</p>
|
||||
|
||||
<p>So here I am, bored on a sunday afternoon, staring at the matplotlib documentation.</p>
|
||||
|
||||
<h2 id="my-creation">My creation</h2>
|
||||
<p>In only a few lines of python, I have a program that will (badly) graph the number of awards per wheel for any team, or set of teams.</p>
|
||||
|
||||
<p>As always, feel free to tinker with the code. This one is not published anywhere, so if you want to share it, I would appreciate a mention.</p>
|
||||
|
||||
<div class="language-python highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="kn">import</span> <span class="nn">requests</span>
|
||||
<span class="kn">import</span> <span class="nn">matplotlib.pyplot</span> <span class="k">as</span> <span class="n">plt</span>
|
||||
|
||||
<span class="k">class</span> <span class="nc">Team</span><span class="p">:</span>
|
||||
<span class="k">def</span> <span class="nf">__init__</span><span class="p">(</span><span class="bp">self</span><span class="p">,</span> <span class="nb">id</span><span class="p">,</span> <span class="n">wheels</span><span class="p">):</span>
|
||||
<span class="bp">self</span><span class="o">.</span><span class="nb">id</span> <span class="o">=</span> <span class="nb">id</span>
|
||||
<span class="bp">self</span><span class="o">.</span><span class="n">wheels</span> <span class="o">=</span> <span class="n">wheels</span> <span class="o">*</span> <span class="mi">2</span>
|
||||
|
||||
<span class="c1">### CONFIG ###
|
||||
</span>
|
||||
<span class="n">teams</span> <span class="o">=</span> <span class="p">[</span><span class="n">Team</span><span class="p">(</span><span class="mi">5024</span><span class="p">,</span> <span class="mi">3</span><span class="p">),</span> <span class="n">Team</span><span class="p">(</span><span class="mi">254</span><span class="p">,</span> <span class="mi">4</span><span class="p">),</span> <span class="n">Team</span><span class="p">(</span><span class="mi">1114</span><span class="p">,</span> <span class="mi">3</span><span class="p">),</span> <span class="n">Team</span><span class="p">(</span><span class="mi">5406</span><span class="p">,</span> <span class="mi">3</span><span class="p">),</span> <span class="n">Team</span><span class="p">(</span><span class="mi">2056</span><span class="p">,</span> <span class="mi">4</span><span class="p">)]</span>
|
||||
<span class="n">year</span> <span class="o">=</span> <span class="mi">2019</span>
|
||||
|
||||
<span class="c1">##############
|
||||
</span>
|
||||
|
||||
<span class="k">for</span> <span class="n">i</span><span class="p">,</span> <span class="n">team</span> <span class="ow">in</span> <span class="nb">enumerate</span><span class="p">(</span><span class="n">teams</span><span class="p">):</span>
|
||||
<span class="n">award_data</span> <span class="o">=</span> <span class="n">requests</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s">"https://www.thebluealliance.com/api/v3/team/frc"</span> <span class="o">+</span> <span class="nb">str</span><span class="p">(</span><span class="n">team</span><span class="o">.</span><span class="nb">id</span><span class="p">)</span> <span class="o">+</span> <span class="s">"/awards/"</span> <span class="o">+</span> <span class="nb">str</span><span class="p">(</span><span class="n">year</span><span class="p">),</span> <span class="n">params</span><span class="o">=</span><span class="p">{</span><span class="s">"X-TBA-Auth-Key"</span><span class="p">:</span> <span class="s">"mz0VWTNtXTDV8NNOz3dYg9fHOZw8UYek270gynLQ4v9veaaUJEPvJFCZRmte7AUN"</span><span class="p">})</span><span class="o">.</span><span class="n">json</span><span class="p">()</span>
|
||||
|
||||
<span class="n">awards_count</span> <span class="o">=</span> <span class="nb">len</span><span class="p">(</span><span class="n">award_data</span><span class="p">)</span>
|
||||
|
||||
<span class="n">team</span><span class="o">.</span><span class="n">w2a</span> <span class="o">=</span> <span class="n">awards_count</span> <span class="o">/</span> <span class="n">team</span><span class="o">.</span><span class="n">wheels</span>
|
||||
<span class="k">print</span><span class="p">(</span><span class="n">team</span><span class="o">.</span><span class="nb">id</span><span class="p">,</span> <span class="n">team</span><span class="o">.</span><span class="n">w2a</span><span class="p">)</span>
|
||||
|
||||
<span class="n">plt</span><span class="o">.</span><span class="n">bar</span><span class="p">(</span><span class="n">i</span> <span class="o">+</span> <span class="mi">1</span><span class="p">,</span> <span class="n">team</span><span class="o">.</span><span class="n">w2a</span><span class="p">,</span> <span class="n">tick_label</span><span class="o">=</span><span class="nb">str</span><span class="p">(</span><span class="n">team</span><span class="o">.</span><span class="nb">id</span><span class="p">))</span>
|
||||
|
||||
<span class="c1"># Plot
|
||||
</span><span class="n">x_lables</span> <span class="o">=</span> <span class="p">[</span><span class="n">team</span><span class="o">.</span><span class="nb">id</span> <span class="k">for</span> <span class="n">team</span> <span class="ow">in</span> <span class="n">teams</span><span class="p">]</span>
|
||||
<span class="c1"># plt.set_xticklabels(x_lables)
|
||||
</span>
|
||||
<span class="k">with</span> <span class="n">plt</span><span class="o">.</span><span class="n">xkcd</span><span class="p">():</span>
|
||||
<span class="n">plt</span><span class="o">.</span><span class="n">title</span><span class="p">(</span><span class="s">'Awards per wheel'</span><span class="p">)</span>
|
||||
<span class="n">plt</span><span class="o">.</span><span class="n">show</span><span class="p">()</span>
|
||||
|
||||
</code></pre></div></div>
|
||||
|
||||
<h2 id="the-result">The result</h2>
|
||||
<p>Here is the resulting image. From left, to right: 5024, 254, 1114, 5406, 2056</p>
|
||||
|
||||
<p><img src="/assets/images/w2a.png" alt="Thr result" /></p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
<hr>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-lg ">
|
||||
|
||||
<!-- Navbar content -->
|
||||
<div class="container">
|
||||
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
|
||||
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
||||
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<!-- Offsets for links -->
|
||||
<script>
|
||||
(function ($, window) {
|
||||
var adjustAnchor = function () {
|
||||
|
||||
var $anchor = $(':target'),
|
||||
fixedElementHeight = 100;
|
||||
|
||||
if ($anchor.length > 0) {
|
||||
|
||||
window.scrollTo(0, $anchor.offset().top - fixedElementHeight);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
$(window).on('hashchange load', function () {
|
||||
adjustAnchor();
|
||||
});
|
||||
|
||||
})(jQuery, window);
|
||||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
@ -33,14 +33,42 @@
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</nav>
|
||||
<!-- <div style="height:5vh"></div> -->
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container" style="min-height:100vh">
|
||||
<div class="list-group" id="posts">
|
||||
<h1>page.title</h1>
|
||||
<!-- Header -->
|
||||
<!-- <div class="header">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-gap"></div>
|
||||
</div> -->
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container">
|
||||
<h1>I made a new song!</h1>
|
||||
<h4>Releasing a new song with friends at school</h4>
|
||||
<hr>
|
||||
<p><em>2019-06-17 06:20:00 -0400</em></p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>I am currently taking a class in school called <a href="https://www.facebook.com/studio225beal/">Music and computers (AMM2M)</a>, where as part of the class, whe get together into bands, and produce a song. After taking a break from music production for over a year, we have released our song for the class (we do two songs, but the second is not finished yet).</p>
|
||||
|
||||
<h2 id="my-contribution">My contribution</h2>
|
||||
<p>My main contribution to the project was a mix of live drumming, and most of the song’s MIDI work. The song is far from perfect, but pretty good for the time we had to produce it.</p>
|
||||
|
||||
<h2 id="just-give-me-the-song">Just give me the song!</h2>
|
||||
<p>Ok. Ok. Here is the song:</p>
|
||||
|
||||
<audio controls="">
|
||||
<source src="/assets/audio/SpamPhoneCalls.mp3" type="audio/mpeg" />
|
||||
Your browser does not support audio players
|
||||
</audio>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
<hr>
|
||||
@ -53,7 +81,7 @@
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-17 12:03:52 -0400
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
@ -94,13 +122,20 @@
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
175
_site/blog/2019/06/21/robot-experiences.html
Normal file
175
_site/blog/2019/06/21/robot-experiences.html
Normal file
@ -0,0 +1,175 @@
|
||||
<head>
|
||||
<title>Evan Pratten</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="stylesheet" href="/assets/css/github-syntax.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-ctr">
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg">
|
||||
<!-- Navbar content -->
|
||||
<!-- <div class="container"> -->
|
||||
<a class="navbar-brand" href="/">Evan Pratten</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav ml-auto">
|
||||
<a class="nav-item nav-link" href="/blog">Blog</a>
|
||||
<a class="nav-item nav-link" href="/projects">Projects</a>
|
||||
<!-- <a class="nav-item nav-link" href="/documentation">Documentation</a> -->
|
||||
<a class="nav-item nav-link" href="/about">About</a>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</nav>
|
||||
<!-- <div style="height:5vh"></div> -->
|
||||
|
||||
<!-- Header -->
|
||||
<!-- <div class="header">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-gap"></div>
|
||||
</div> -->
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container">
|
||||
<h1>What I have learned from 2 years of FRC programming</h1>
|
||||
<h4>Robots are pretty cool</h4>
|
||||
<hr>
|
||||
<p><em>2019-06-21 11:14:00 -0400</em></p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>Over the past two years (2018 / 2019), I have been a member of my school’s <a href="https://www.firstinspires.org/robotics/frc">FRC</a> team, <a href="frc5024.github.io">Raider Robotics</a>. Specifically, a programmer.</p>
|
||||
|
||||
<h2 id="my-roles">My roles</h2>
|
||||
<p>In my first year, I joined the team as a programmer and had a fun time learning about embedded programming and development with hardware. Then, in my second year, I was promoted to programming co-lead along with <a href="https://github.com/slownie">@slownie</a>. I much preferred my second season because I had a better understanding of the technology I was working with, and we got to play with some cool tools throughout the season.</p>
|
||||
|
||||
<h2 id="what-i-have-learned">What I have learned</h2>
|
||||
<p>Starting with our 2018 season, PowerUP. We learned early on that there is a practical limit to the number of programmers that 5024 can handle. That year, we had too many, and our situation was not helped by the fact that some members preferred scrolling through Instagram over writing code. This issue was almost entirely fixed by the introduction of a mandatory skill exam at the start of the season. Sam and I did not really care about the scores of the exam because, from reading the results, we could see who was actually motivated to join the team. Thanks to the test, we entered the season with seven excited programmers.</p>
|
||||
|
||||
<p>During the PowerUP season, I also learned the importance of student involvement. Most of the code from the season was written by mentors with the students just watching on a projecter. After talking with other team members, I learned that none of them through this was a good method of teaching, and many felt powerless. In the 2019 season, I completely reversed this. All students worked together on the codebase, and the mentors worked on other projects and provided input where needed.</p>
|
||||
|
||||
<h3 id="version-control">Version Control</h3>
|
||||
<p>During the 2018 season, code was shared around by USB. This lead to crazy conflicts, confusion over what was running on the robot, and general frustration during competitions. In 2019, I moved the team over to a <a href="https://github.com">GitHub</a> organization account and sent an email to support to get us unlimited private repos (thanks GitHub!). For the team members that where not comfortable in the terminal, I set them up with <a href="https://www.gitkraken.com/">GitKracken PRO</a> accounts, and they enjoyed using the program. The rest of us stuck with GIT cli, or various plugins for VSCode.</p>
|
||||
|
||||
<h3 id="alpha-test">Alpha test</h3>
|
||||
<p>I got our team on board with the 2019 toolchain alpha test the week it was released in order to get everyone used to the new tools before the season (and help find bugs for the WPILib team). The new buildsystem, Gradle, worked great and I could even run it on the chromebook I was using for development at the time! To further assist the team, I set up a CI pipeline for automatic testing and code reviews of Pull Requests, and a doxygen + GitHub pages CD pipeline for our new documentation webpage.</p>
|
||||
|
||||
<h3 id="webdocs">Webdocs</h3>
|
||||
<p>A significant amount of my time was spent answering repetitive questions from the team. I enjoy helping people out, but explaining the same things over and over was starting to frustrate me. This was caused by a lack of documentation or bits of documentation spread over multiple websites. To solve this problem, I started the <a href="https://frc5024.github.io/webdocs/#/">Webdocs Page</a>. This website is designed to house a mix of team-specific notes, guides, low-level documentation, and documentation from all FRC vendors. This site was published after the season, so I will find out how usefull it really is during the 2020 season.</p>
|
||||
|
||||
<h3 id="command-base">Command base</h3>
|
||||
<p>“Command based programming is great. But…” is probably the best way to describe my suggested changes for 2020.</p>
|
||||
|
||||
<p>I have been learning from other teams, and from mentors about better ways to control our robot. During the offseason, I am playing with new ways to write robot code. Here are some of my changes:</p>
|
||||
<ul>
|
||||
<li>Use a custom replacement for WPILib’s <a href="https://first.wpi.edu/FRC/roborio/release/docs/java/edu/wpi/first/wpilibj/command/Subsystem.html">Subsystem</a> that buffers it’s inputs and outputs
|
||||
<ul>
|
||||
<li>This reduces load on our CAN and Ethernet networks</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Offload all camera and vision work to a Raspberry PI</li>
|
||||
<li>Every subsystem must push telemetry data to NetworkTables for easy debugging and detailed logs</li>
|
||||
<li>Use a custom logging system that buffers writes to stdout. This reduces network strain</li>
|
||||
</ul>
|
||||
|
||||
<p>I am working on many other changes over on the <a href="https://github.com/frc5024/MiniBot">MiniBot</a> codebase.</p>
|
||||
|
||||
<h2 id="my-plans-for-2020">My plans for 2020</h2>
|
||||
<p>I have been re-selected to be the sole lead of the 5024 programming team for 2020. Here are my goals:</p>
|
||||
<ul>
|
||||
<li>Switch the team from C++ to Java
|
||||
<ul>
|
||||
<li>Easier for prototyping</li>
|
||||
<li>Better memory management for high-level programmers</li>
|
||||
<li>Better documentation from vendors</li>
|
||||
<li>It is taught in our school’s compsci classes</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Remove the skills exam in favour of weekly homework for the first 8 weeks</li>
|
||||
<li>Provide writeups of lessons</li>
|
||||
<li>Have mentors do “guest presentations”</li>
|
||||
<li>Dedicate a day to robot driving lessons</li>
|
||||
<li>Use a custom library with wrappers and tools built by me to provide easy interfaces for new programmers</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
<hr>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-lg ">
|
||||
|
||||
<!-- Navbar content -->
|
||||
<div class="container">
|
||||
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
||||
|
||||
<!-- Offsets for links -->
|
||||
<script>
|
||||
(function ($, window) {
|
||||
var adjustAnchor = function () {
|
||||
|
||||
var $anchor = $(':target'),
|
||||
fixedElementHeight = 100;
|
||||
|
||||
if ($anchor.length > 0) {
|
||||
|
||||
window.scrollTo(0, $anchor.offset().top - fixedElementHeight);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
$(window).on('hashchange load', function () {
|
||||
adjustAnchor();
|
||||
});
|
||||
|
||||
})(jQuery, window);
|
||||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
139
_site/blog/2019/06/23/googlectf.html
Normal file
139
_site/blog/2019/06/23/googlectf.html
Normal file
@ -0,0 +1,139 @@
|
||||
<head>
|
||||
<title>Evan Pratten</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="stylesheet" href="/assets/css/github-syntax.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-ctr">
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg">
|
||||
<!-- Navbar content -->
|
||||
<!-- <div class="container"> -->
|
||||
<a class="navbar-brand" href="/">Evan Pratten</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
|
||||
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav ml-auto">
|
||||
<a class="nav-item nav-link" href="/blog">Blog</a>
|
||||
<a class="nav-item nav-link" href="/projects">Projects</a>
|
||||
<!-- <a class="nav-item nav-link" href="/documentation">Documentation</a> -->
|
||||
<a class="nav-item nav-link" href="/about">About</a>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</nav>
|
||||
<!-- <div style="height:5vh"></div> -->
|
||||
|
||||
<!-- Header -->
|
||||
<!-- <div class="header">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-gap"></div>
|
||||
</div> -->
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container">
|
||||
<h1>I gave Google's CTF a short try and learned a thing or two</h1>
|
||||
<h4>But exams got in the way and took all the fun</h4>
|
||||
<hr>
|
||||
<p><em>2019-06-23 18:04:00 -0400</em></p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>Honestly, I completely forgot that this was the weekend of Google’s online <a href="https://g.co/ctf">CTF Qualifications</a> for 2019 and was late, unprepared, busy, and did not have a team to work with.</p>
|
||||
|
||||
<h2 id="what-is-this-event">What is this event?</h2>
|
||||
<p>Google hosts a (yearly?) event where hackers from around the world team up and attempt a variety of tasks like: exploiting machines over a network, reversing firmware, pulling passwords from tcp packets, hacking crypto stuff (something I suck at), breaking compilers. and much more. Generally, this event and others like it are really fun.</p>
|
||||
|
||||
<h2 id="what-i-learned">What I learned</h2>
|
||||
<p>Many questions I worked on involved extracting a key from a binary. I employed two vastly different tools for this job. First, a standard linux tool, <code class="highlighter-rouge">strings</code>. When passed a filename, it will extract and print all human-readable strings it can find to the terminal. The flag is usually in this dump. If not, I use the second tool. <a href="https://www.nsa.gov/resources/everyone/ghidra/">Ghidra</a>, an open-source reverse engineering tool designed by the NSA. I used this tool a fair amount during my quick attempt at GCTF.</p>
|
||||
|
||||
<h2 id="will-i-do-this-again">Will I do this again?</h2>
|
||||
<p>Yes! The CTF was very fun to try, and I will definitely give it a proper shot next time.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
<hr>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-lg ">
|
||||
|
||||
<!-- Navbar content -->
|
||||
<div class="container">
|
||||
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
|
||||
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
||||
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<!-- Offsets for links -->
|
||||
<script>
|
||||
(function ($, window) {
|
||||
var adjustAnchor = function () {
|
||||
|
||||
var $anchor = $(':target'),
|
||||
fixedElementHeight = 100;
|
||||
|
||||
if ($anchor.length > 0) {
|
||||
|
||||
window.scrollTo(0, $anchor.offset().top - fixedElementHeight);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
$(window).on('hashchange load', function () {
|
||||
adjustAnchor();
|
||||
});
|
||||
|
||||
})(jQuery, window);
|
||||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
139
_site/blog/2019/06/24/languagehunt2.html
Normal file
139
_site/blog/2019/06/24/languagehunt2.html
Normal file
@ -0,0 +1,139 @@
|
||||
<head>
|
||||
<title>Evan Pratten</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="stylesheet" href="/assets/css/github-syntax.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-ctr">
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg">
|
||||
<!-- Navbar content -->
|
||||
<!-- <div class="container"> -->
|
||||
<a class="navbar-brand" href="/">Evan Pratten</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
|
||||
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav ml-auto">
|
||||
<a class="nav-item nav-link" href="/blog">Blog</a>
|
||||
<a class="nav-item nav-link" href="/projects">Projects</a>
|
||||
<!-- <a class="nav-item nav-link" href="/documentation">Documentation</a> -->
|
||||
<a class="nav-item nav-link" href="/about">About</a>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</nav>
|
||||
<!-- <div style="height:5vh"></div> -->
|
||||
|
||||
<!-- Header -->
|
||||
<!-- <div class="header">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-gap"></div>
|
||||
</div> -->
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container">
|
||||
<h1>The language hunt: Part 2</h1>
|
||||
<h4>A quick followup</h4>
|
||||
<hr>
|
||||
<p><em>2019-06-24 17:36:00 -0400</em></p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>This is a very short post, just to explain the result of <a href="/frc/2019/04/30/FRC-Languages.html">The language Hunt</a>.</p>
|
||||
|
||||
<h2 id="our-choice">Our choice</h2>
|
||||
<p>For our upcoming 2020 season and for the forseeable future, we have chosen Java as our programming language for direct hardware interfacing, and Python for networking, vision, and other smaller tasks.</p>
|
||||
|
||||
<h2 id="what-does-this-mean-for-the-team">What does this mean for the team?</h2>
|
||||
<p>Not too much. Aside from learning new syntax, tools, and no longer worrying about linker errors, Java and C++ have no real difference. Most of the reason Java was chosen was based on support instead of functionality. Java is much better supported by FIRST, WPILib, and other vendors. Java is also taught in the school 5024 is based from. For a more detailed explanation of the benefits of each language, take a look at Chief Delphi. There are plenty of posts there explaining the choices of many teams and their reasoning.</p>
|
||||
|
||||
<h2 id="side-note">Side note</h2>
|
||||
<p>I am experimenting with various post formats (This being a short post). Let me know which you prefer via the social platform of your choice.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
<hr>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-lg ">
|
||||
|
||||
<!-- Navbar content -->
|
||||
<div class="container">
|
||||
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
|
||||
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
||||
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<!-- Offsets for links -->
|
||||
<script>
|
||||
(function ($, window) {
|
||||
var adjustAnchor = function () {
|
||||
|
||||
var $anchor = $(':target'),
|
||||
fixedElementHeight = 100;
|
||||
|
||||
if ($anchor.length > 0) {
|
||||
|
||||
window.scrollTo(0, $anchor.offset().top - fixedElementHeight);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
$(window).on('hashchange load', function () {
|
||||
adjustAnchor();
|
||||
});
|
||||
|
||||
})(jQuery, window);
|
||||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
248
_site/blog/2019/06/26/bashsmash.html
Normal file
248
_site/blog/2019/06/26/bashsmash.html
Normal file
File diff suppressed because one or more lines are too long
169
_site/blog/2019/06/27/pwnlink.html
Normal file
169
_site/blog/2019/06/27/pwnlink.html
Normal file
@ -0,0 +1,169 @@
|
||||
<head>
|
||||
<title>Evan Pratten</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="stylesheet" href="/assets/css/github-syntax.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-ctr">
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg">
|
||||
<!-- Navbar content -->
|
||||
<!-- <div class="container"> -->
|
||||
<a class="navbar-brand" href="/">Evan Pratten</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
|
||||
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav ml-auto">
|
||||
<a class="nav-item nav-link" href="/blog">Blog</a>
|
||||
<a class="nav-item nav-link" href="/projects">Projects</a>
|
||||
<!-- <a class="nav-item nav-link" href="/documentation">Documentation</a> -->
|
||||
<a class="nav-item nav-link" href="/about">About</a>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</nav>
|
||||
<!-- <div style="height:5vh"></div> -->
|
||||
|
||||
<!-- Header -->
|
||||
<!-- <div class="header">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-gap"></div>
|
||||
</div> -->
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container">
|
||||
<h1>I had some fun with a router</h1>
|
||||
<h4>cleartext passwords + external management = death wish</h4>
|
||||
<hr>
|
||||
<p><em>2019-06-27 13:16:00 -0400</em></p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>I was playing around with some D-link routers today and remembered an <a href="https://www.exploit-db.com/exploits/33520">ExploitDB Entry</a> I read a while ago. Many D-link routers have a great feature that allows remote management and configuration queries. Interestingly, this cannot be disabled, and one of the pages contains a cleartext version of the admin password (yay!).</p>
|
||||
|
||||
<h2 id="how-to-get-yourself-an-admin-password">How to get yourself an admin password</h2>
|
||||
<p>On any supported router, make an HTTP request to <code class="highlighter-rouge">http://your.router.ip.addr/tools_admin.asp/</code>. This will return a pretty large XML file containing information about your router’s hardware and configuration.</p>
|
||||
|
||||
<p>Notice the fact that you did not have to log in. This is due to the fact that this file seems to be used by a remote management service of some sort.</p>
|
||||
|
||||
<p>The important thing to note here is that, when parsed with the regex pattern: <code class="highlighter-rouge">name="user_password_tmp" value="(.*)"></code>, you get a single string. This string is the admin password of the device.</p>
|
||||
|
||||
<h2 id="supported-routers">Supported routers</h2>
|
||||
<p>This is supported by many D-link routers. The ones I know about are:</p>
|
||||
<ul>
|
||||
<li>DIR-835</li>
|
||||
<li>DIR-855L</li>
|
||||
<li>DGL-5500</li>
|
||||
</ul>
|
||||
|
||||
<p>Some routers have this XML file, but it is restricted… By a user without a password. These are:</p>
|
||||
<ul>
|
||||
<li>DHP-1565</li>
|
||||
<li>DIR-652</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="pwnlink">PWNlink</h2>
|
||||
<p>Like everything I play with, I made a script to do this all for me (and spent a large amount of time adding colours to the text).</p>
|
||||
|
||||
<p>My script is called PWNlink (PWN + D-link), It automatically finds a router on your network by looking for a specific DNS entry created by many D-link routers, then checking your gateway. Next, PWNlink reads you router’s <code class="highlighter-rouge">hnap1</code> config to find it’s model number. If supported, the script will read and parse the appropriate configs to give you the admin credentials for your router.</p>
|
||||
|
||||
<p>PWNlink can be installed on any *nix computer that has both <code class="highlighter-rouge">python3.7</code> and <code class="highlighter-rouge">python3-pip</code> installed. To install PWNlink, run:</p>
|
||||
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>pip3 install pwnlink
|
||||
</code></pre></div></div>
|
||||
|
||||
<p>Run the script without any arguments for automatic detection, or pass any IP address to use manual detection.</p>
|
||||
|
||||
<h2 id="disclamier-thingy">Disclamier thingy</h2>
|
||||
<p>I don’t see much point to these, but I should probably put one anyways.</p>
|
||||
|
||||
<p><strong>Don’t be dumb with this script.</strong></p>
|
||||
|
||||
<p>I have only used it on my own (or 5024’s) routers, and did not create PWNlink with any malicious intent.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
<hr>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-lg ">
|
||||
|
||||
<!-- Navbar content -->
|
||||
<div class="container">
|
||||
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
|
||||
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
||||
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<!-- Offsets for links -->
|
||||
<script>
|
||||
(function ($, window) {
|
||||
var adjustAnchor = function () {
|
||||
|
||||
var $anchor = $(':target'),
|
||||
fixedElementHeight = 100;
|
||||
|
||||
if ($anchor.length > 0) {
|
||||
|
||||
window.scrollTo(0, $anchor.offset().top - fixedElementHeight);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
$(window).on('hashchange load', function () {
|
||||
adjustAnchor();
|
||||
});
|
||||
|
||||
})(jQuery, window);
|
||||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
234
_site/blog/2019/06/27/python.html
Normal file
234
_site/blog/2019/06/27/python.html
Normal file
@ -0,0 +1,234 @@
|
||||
<head>
|
||||
<title>Evan Pratten</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="stylesheet" href="/assets/css/github-syntax.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-ctr">
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg">
|
||||
<!-- Navbar content -->
|
||||
<!-- <div class="container"> -->
|
||||
<a class="navbar-brand" href="/">Evan Pratten</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
|
||||
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav ml-auto">
|
||||
<a class="nav-item nav-link" href="/blog">Blog</a>
|
||||
<a class="nav-item nav-link" href="/projects">Projects</a>
|
||||
<!-- <a class="nav-item nav-link" href="/documentation">Documentation</a> -->
|
||||
<a class="nav-item nav-link" href="/about">About</a>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</nav>
|
||||
<!-- <div style="height:5vh"></div> -->
|
||||
|
||||
<!-- Header -->
|
||||
<!-- <div class="header">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-gap"></div>
|
||||
</div> -->
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container">
|
||||
<h1>Hunting snakes with a shotgun</h1>
|
||||
<h4>Python is a little too forgiving</h4>
|
||||
<hr>
|
||||
<p><em>2019-06-27 03:00:00 -0400</em></p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>A rather large number of people know me as “the guy who does weird things with python”. I would object to this title, but it is quite accurate. So, here are some of the things I like playing with in python. None of these are actually breaking the language, just little known facts and syntax. At some point I will share about actually breaking the language. For now, enjoy the weird things I have found over the past 6 years.</p>
|
||||
|
||||
<h2 id="type-hints">Type hints</h2>
|
||||
<p>A little known feature of python is called “type hinting” (PEP 484). This is actually quite common to see in standard libraries, and has it’s own special syntax:</p>
|
||||
<div class="language-python highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c1"># Here is a regular function
|
||||
</span><span class="k">def</span> <span class="nf">meep</span><span class="p">(</span><span class="n">a</span><span class="p">,</span> <span class="n">b</span><span class="p">):</span>
|
||||
<span class="k">return</span> <span class="n">a</span><span class="o">*</span><span class="n">b</span><span class="o">^</span><span class="mi">2</span>
|
||||
|
||||
<span class="c1"># This function has no real reason to exsist, and is lacking any sort of documentation.
|
||||
# Let's add a docstring to explain what it does
|
||||
</span>
|
||||
<span class="k">def</span> <span class="nf">meep</span><span class="p">(</span><span class="n">a</span><span class="p">,</span> <span class="n">b</span><span class="p">):</span>
|
||||
<span class="s">""" This function returns the result of a times b squared """</span>
|
||||
<span class="k">return</span> <span class="n">a</span><span class="o">*</span><span class="n">b</span><span class="o">^</span><span class="mi">2</span>
|
||||
|
||||
<span class="c1"># Ok. The docstring explains the function, but is not too helpful
|
||||
# what are a and b? what does this return?
|
||||
# For all we know, a could actually be a string (in which case, this function would return a string)
|
||||
# Let's fix that up with a type hint
|
||||
</span>
|
||||
<span class="k">def</span> <span class="nf">meep</span><span class="p">(</span><span class="n">a</span><span class="p">:</span> <span class="nb">int</span><span class="p">,</span> <span class="n">b</span><span class="p">:</span> <span class="nb">int</span><span class="p">):</span>
|
||||
<span class="s">""" This function returns the result of a times b squared """</span>
|
||||
<span class="k">return</span> <span class="n">a</span><span class="o">*</span><span class="n">b</span><span class="o">^</span><span class="mi">2</span>
|
||||
|
||||
<span class="c1"># Thanks to the :int (called a type hint in case you didn't notice that yet), we now know that this function expects two ints.
|
||||
# Now, to finish this up with a secondary type hint to specify the return type
|
||||
</span><span class="k">def</span> <span class="nf">meep</span><span class="p">(</span><span class="n">a</span><span class="p">:</span> <span class="nb">int</span><span class="p">,</span> <span class="n">b</span><span class="p">:</span> <span class="nb">int</span><span class="p">)</span> <span class="o">-></span> <span class="nb">int</span><span class="p">:</span>
|
||||
<span class="s">""" This function returns the result of a times b squared """</span>
|
||||
<span class="k">return</span> <span class="n">a</span><span class="o">*</span><span class="n">b</span><span class="o">^</span><span class="mi">2</span>
|
||||
|
||||
<span class="c1"># There. Now we can clearly see that this function takes too ints, and returns one int.
|
||||
# If only this was a requirement in the language. So many headaches could be solved.
|
||||
</span></code></pre></div></div>
|
||||
|
||||
<p>Now, keep in mind that this is called a type <em>hint</em>. The python compiler (yes.. Give me a second for that one) does not actually care if you obey the hint or not. Feel free to send incorrect data into a hinted function and see what you can break. Critical functions should both hint and check the data types being provided.</p>
|
||||
|
||||
<h2 id="type-declarations">Type declarations</h2>
|
||||
<p>Just like type hints for functions, python has hints for variables too.</p>
|
||||
<div class="language-python highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c1"># A regular variable. Must be declared with an initial value
|
||||
</span><span class="n">my_state</span> <span class="o">=</span> <span class="bp">None</span>
|
||||
|
||||
<span class="c1"># my_state is None, as it has not been set, but needs to exist.
|
||||
# Let's assume that my_state is to be a state:
|
||||
</span><span class="k">class</span> <span class="nc">State</span><span class="p">:</span>
|
||||
<span class="n">status</span> <span class="o">=</span> <span class="bp">False</span>
|
||||
<span class="k">def</span> <span class="nf">toggle</span><span class="p">(</span><span class="bp">self</span><span class="p">):</span>
|
||||
<span class="bp">self</span><span class="o">.</span><span class="n">status</span> <span class="o">!=</span> <span class="bp">self</span><span class="o">.</span><span class="n">status</span>
|
||||
|
||||
<span class="c1"># Finally, its time to set the state to something useful
|
||||
</span><span class="n">my_state</span> <span class="o">=</span> <span class="n">State</span><span class="p">()</span>
|
||||
<span class="n">my_state</span><span class="o">.</span><span class="n">toggle</span><span class="p">()</span>
|
||||
|
||||
<span class="c1"># Ok.. I hate this. Let's start by using type declarations first
|
||||
# Any variable can be un-initialized and just have a type. Like so:
|
||||
</span><span class="n">my_state</span><span class="p">:</span> <span class="n">State</span>
|
||||
|
||||
<span class="c1"># This works for anything
|
||||
</span><span class="n">is_alive</span><span class="p">:</span> <span class="nb">bool</span>
|
||||
<span class="n">age</span><span class="p">:</span> <span class="nb">int</span>
|
||||
<span class="n">name</span><span class="p">:</span> <span class="nb">str</span>
|
||||
|
||||
<span class="c1"># Now, with this new knowledge, let's rewrite State
|
||||
</span><span class="k">class</span> <span class="nc">State</span><span class="p">:</span>
|
||||
<span class="n">status</span><span class="p">:</span> <span class="nb">bool</span>
|
||||
<span class="k">def</span> <span class="nf">toggle</span><span class="p">(</span><span class="bp">self</span><span class="p">:</span> <span class="n">State</span><span class="p">)</span> <span class="o">-></span> <span class="bp">None</span><span class="p">:</span>
|
||||
<span class="bp">self</span><span class="o">.</span><span class="n">status</span> <span class="o">!=</span> <span class="bp">self</span><span class="o">.</span><span class="n">status</span>
|
||||
|
||||
<span class="c1"># And initialize my_state with slightly different syntax
|
||||
</span><span class="n">my_state</span> <span class="o">=</span> <span class="n">State</span><span class="p">(</span><span class="n">status</span><span class="o">=</span><span class="bp">True</span><span class="p">)</span>
|
||||
</code></pre></div></div>
|
||||
|
||||
<p>I have not found much use for this yet. Hopefully there is something cool to use it for.</p>
|
||||
|
||||
<h2 id="one-line-functions">One-line functions</h2>
|
||||
<p>This is more common knowlage. A function can be declared in one line</p>
|
||||
<div class="language-python highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c1"># Here is an adder function
|
||||
</span><span class="k">def</span> <span class="nf">adder1</span><span class="p">(</span><span class="n">a</span><span class="p">:</span><span class="nb">int</span><span class="p">,</span> <span class="n">b</span><span class="p">:</span><span class="nb">int</span><span class="p">)</span> <span class="o">-></span> <span class="nb">int</span><span class="p">:</span>
|
||||
<span class="k">return</span> <span class="n">a</span><span class="o">+</span><span class="n">b</span>
|
||||
|
||||
<span class="c1"># Here is a one-line adder function
|
||||
</span><span class="n">adder2</span> <span class="o">=</span> <span class="k">lambda</span> <span class="n">a</span><span class="p">,</span><span class="n">b</span> <span class="p">:</span> <span class="n">a</span><span class="o">+</span><span class="n">b</span>
|
||||
|
||||
<span class="c1"># State from above can be compacted further:
|
||||
</span><span class="k">class</span> <span class="nc">State</span><span class="p">:</span>
|
||||
<span class="n">status</span><span class="p">:</span> <span class="nb">bool</span>
|
||||
<span class="n">toggle</span> <span class="o">=</span> <span class="k">lambda</span> <span class="bp">self</span><span class="p">:</span> <span class="bp">self</span><span class="o">.</span><span class="n">status</span> <span class="o">!=</span> <span class="bp">self</span><span class="o">.</span><span class="n">status</span>
|
||||
</code></pre></div></div>
|
||||
|
||||
<h2 id="ternary-operations">Ternary operations</h2>
|
||||
<p>On the trend of one-line code, We have the one-line if/else, also known as a Ternary in more sensible languages.</p>
|
||||
<div class="language-python highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c1"># Here is an if/else
|
||||
</span><span class="k">if</span> <span class="mi">100</span> <span class="ow">is</span> <span class="mi">5</span><span class="p">:</span>
|
||||
<span class="k">print</span><span class="p">(</span><span class="s">"The world has ended"</span><span class="p">)</span>
|
||||
<span class="k">else</span><span class="p">:</span>
|
||||
<span class="k">print</span><span class="p">(</span><span class="s">"All is good"</span><span class="p">)</span>
|
||||
|
||||
<span class="c1"># Here is a smaller if/else
|
||||
</span><span class="k">print</span><span class="p">(</span><span class="s">"The world has ended"</span> <span class="k">if</span> <span class="mi">100</span> <span class="ow">is</span> <span class="mi">5</span> <span class="k">else</span> <span class="s">"All is good"</span><span class="p">)</span>
|
||||
</code></pre></div></div>
|
||||
|
||||
<h2 id="compiled-python">Compiled python</h2>
|
||||
<p>This one is interesting. Python, like Java, is compiled into bytecode. So yes, it technically is a compiled language. To see said bytecode, take a look at any <code class="highlighter-rouge">.pyc</code> file sitting in your <code class="highlighter-rouge">__pycache__</code></p>
|
||||
|
||||
<h2 id="blog-formatting-experiments">Blog formatting experiments</h2>
|
||||
<p>I am still playing with post formats, and various types of content. This is more random than I usually prefer. Let me know your thoughts on the social media platform of your choosing.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
<hr>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-lg ">
|
||||
|
||||
<!-- Navbar content -->
|
||||
<div class="container">
|
||||
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
|
||||
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
||||
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<!-- Offsets for links -->
|
||||
<script>
|
||||
(function ($, window) {
|
||||
var adjustAnchor = function () {
|
||||
|
||||
var $anchor = $(':target'),
|
||||
fixedElementHeight = 100;
|
||||
|
||||
if ($anchor.length > 0) {
|
||||
|
||||
window.scrollTo(0, $anchor.offset().top - fixedElementHeight);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
$(window).on('hashchange load', function () {
|
||||
adjustAnchor();
|
||||
});
|
||||
|
||||
})(jQuery, window);
|
||||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
152
_site/blog/2019/07/01/devdns.html
Normal file
152
_site/blog/2019/07/01/devdns.html
Normal file
@ -0,0 +1,152 @@
|
||||
<head>
|
||||
<title>Evan Pratten</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="stylesheet" href="/assets/css/github-syntax.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-ctr">
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg">
|
||||
<!-- Navbar content -->
|
||||
<!-- <div class="container"> -->
|
||||
<a class="navbar-brand" href="/">Evan Pratten</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav ml-auto">
|
||||
<a class="nav-item nav-link" href="/blog">Blog</a>
|
||||
<a class="nav-item nav-link" href="/projects">Projects</a>
|
||||
<!-- <a class="nav-item nav-link" href="/documentation">Documentation</a> -->
|
||||
<a class="nav-item nav-link" href="/about">About</a>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</nav>
|
||||
<!-- <div style="height:5vh"></div> -->
|
||||
|
||||
<!-- Header -->
|
||||
<!-- <div class="header">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-gap"></div>
|
||||
</div> -->
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container">
|
||||
<h1>devDNS</h1>
|
||||
<h4>The DNS over devRant service</h4>
|
||||
<hr>
|
||||
<p><em>2019-07-01 18:13:00 -0400</em></p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>Over the past year and a half, I have been hacking my way around the undocumented <a href="https://devrant.com">devRant</a> auth/write API. At the request of devRant’s creators, this API must not be documented due to the way logins work on the platform. That is besides the point. I have been working on a little project called <a href="https://devrant.com/collabs/2163502">devDNS</a> over the past few days that uses this undocumented API. Why must I be so bad at writing intros?</p>
|
||||
|
||||
<h2 id="what-is-devdns">What is devDNS</h2>
|
||||
<p>devDNS is a devRant bot written in python. It will serve any valid DNS query from any user on the platform. A query is just a comment in one of the following forms:</p>
|
||||
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>@devDNS example.com
|
||||
</code></pre></div></div>
|
||||
<p>or</p>
|
||||
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>@devDNS MX example.com
|
||||
</code></pre></div></div>
|
||||
<p>Of course, <code class="highlighter-rouge">MX</code> and <code class="highlighter-rouge">example.com</code> are to be replaced with the domain and entry of your choosing.</p>
|
||||
|
||||
<p>devDNS was inspired by <a href="https://twitter.com/1111resolver">@1111Resolver</a>, and the source is available on <a href="https://github.com/Ewpratten/devDNS">GitHub</a>.</p>
|
||||
|
||||
<h2 id="how-it-works">How it works</h2>
|
||||
<p>The Python script behind devDNS is very simple. devDNS does the following every 10 seconds:</p>
|
||||
<ul>
|
||||
<li>Fetch all new notifs</li>
|
||||
<li>Find only mentions</li>
|
||||
<li>Spin off a thread for each mention that passes a basic parser (Is the message 2 or 3 words long)</li>
|
||||
<li>In the thread, check if the message is a control message (allows me to view the status of the bot via devRant)</li>
|
||||
<li>Check if the request matches a required pattern</li>
|
||||
<li>Call <code class="highlighter-rouge">dnspython</code> with requested record and domain</li>
|
||||
<li>Receive answer from a custom <a href="https://pi-hole.net/">PIHole</a> server with caching and super low latency</li>
|
||||
<li>Send a comment with the results to the requester</li>
|
||||
</ul>
|
||||
|
||||
<p>Thats it! Super simple, and only two days from concept to reality.</p>
|
||||
|
||||
<h2 id="where-is-this-hosted">Where is this hosted?</h2>
|
||||
<p>This program is hosted on a raspberry pi laying in my room running docker. I also have <a href="https://www.portainer.io/">Portainer</a> set up so I can easily monitor the bot from my phone over my VPN.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
<hr>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-lg ">
|
||||
|
||||
<!-- Navbar content -->
|
||||
<div class="container">
|
||||
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
||||
|
||||
<!-- Offsets for links -->
|
||||
<script>
|
||||
(function ($, window) {
|
||||
var adjustAnchor = function () {
|
||||
|
||||
var $anchor = $(':target'),
|
||||
fixedElementHeight = 100;
|
||||
|
||||
if ($anchor.length > 0) {
|
||||
|
||||
window.scrollTo(0, $anchor.offset().top - fixedElementHeight);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
$(window).on('hashchange load', function () {
|
||||
adjustAnchor();
|
||||
});
|
||||
|
||||
})(jQuery, window);
|
||||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
231
_site/blog/2019/07/06/scrapingfrcgithub.html
Normal file
231
_site/blog/2019/07/06/scrapingfrcgithub.html
Normal file
@ -0,0 +1,231 @@
|
||||
<head>
|
||||
<title>Evan Pratten</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="stylesheet" href="/assets/css/github-syntax.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-ctr">
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg">
|
||||
<!-- Navbar content -->
|
||||
<!-- <div class="container"> -->
|
||||
<a class="navbar-brand" href="/">Evan Pratten</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
|
||||
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav ml-auto">
|
||||
<a class="nav-item nav-link" href="/blog">Blog</a>
|
||||
<a class="nav-item nav-link" href="/projects">Projects</a>
|
||||
<!-- <a class="nav-item nav-link" href="/documentation">Documentation</a> -->
|
||||
<a class="nav-item nav-link" href="/about">About</a>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</nav>
|
||||
<!-- <div style="height:5vh"></div> -->
|
||||
|
||||
<!-- Header -->
|
||||
<!-- <div class="header">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-gap"></div>
|
||||
</div> -->
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container">
|
||||
<h1>Scraping FRC team's GitHub accounts to gather large amounts of data</h1>
|
||||
<h4>There are a lot of teams...</h4>
|
||||
<hr>
|
||||
<p><em>2019-07-06 11:08:00 -0400</em></p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>I was curious about the most used languages for FRC, so I build a Python script to find out what they where.</p>
|
||||
|
||||
<h2 id="some-basic-data">Some basic data</h2>
|
||||
<p>Before we get to the heavy work done by my script, let’s start with some general data.</p>
|
||||
|
||||
<p>Thanks to the <a href="https://www.thebluealliance.com/apidocs/v3">TBA API</a>, I know that there are 6917 registered teams. 492 of them have registered at least one account on GitHub.</p>
|
||||
|
||||
<h2 id="how-the-script-works">How the script works</h2>
|
||||
<p>The script is split into steps:</p>
|
||||
<ul>
|
||||
<li>Get a list of every registered team</li>
|
||||
<li>Check for a github account attached to every registered team
|
||||
<ul>
|
||||
<li>If a team has an account, it is added to the dataset</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Load each github profile
|
||||
<ul>
|
||||
<li>If it is a private account, move on</li>
|
||||
<li>Use Regex to find all languages used</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Compile data and sort</li>
|
||||
</ul>
|
||||
|
||||
<h3 id="getting-a-list-of-accounts">Getting a list of accounts</h3>
|
||||
<p>This is probably the simplest step in the whole process. I used the auto-generated <a href="https://github.com/TBA-API/tba-api-client-python">tbaapiv3client</a> python library’s <code class="highlighter-rouge">get_teams_keys(key)</code> function, and kept incrementing <code class="highlighter-rouge">key</code> until I got an empty array. All returned data was then added together into a big list of team keys.</p>
|
||||
|
||||
<h3 id="checking-for-a-teams-github-account">Checking for a team’s github account</h3>
|
||||
<p>The <a href="https://www.thebluealliance.com/apidocs/v3">TBA API</a> helpfully provides a <code class="highlighter-rouge">/api/v3/team/<number>/social_media</code> API endpoint that will give the GitHub username for any team you request. (or nothing if they don’t use github)</p>
|
||||
|
||||
<p>A <code class="highlighter-rouge">for</code> loop on this with a list of every team number did the trick for finding accounts.</p>
|
||||
|
||||
<h3 id="fetching-language-info">Fetching language info</h3>
|
||||
<p>To remove the need for an Oauth login to use the script, GitHub data is retrieved using standard HTTPS requests instead of AJAX requests to the API. This gets around the tiny rate limit, but takes a bit longer to complete.</p>
|
||||
|
||||
<p>To check for language usage, a simple Regex pattern can be used: <code class="highlighter-rouge">/programmingLanguage"\>(.*)\</gm</code></p>
|
||||
|
||||
<p>When combined with an <code class="highlighter-rouge">re.findall()</code>, this pattern will return a list of all recent languages used by a team.</p>
|
||||
|
||||
<h3 id="data-saves--backup-solution">Data saves / backup solution</h3>
|
||||
<p>To deal with the fact that large amounts of data are being requested, and people might want to pause the script, I have created a system to allow for “savestates”.</p>
|
||||
|
||||
<p>On launch of the script, it will check for a <code class="highlighter-rouge">./data.json</code> file. If this does not exist, one will be created. Otherwise, the contents will be read. This file contains both all the saved data, and some counters.</p>
|
||||
|
||||
<p>Each stage of the script contains a counter, and will increment the counter every time a team has been processed. This way, if the script is stopped and restarted, the parsers will just keep working from where they left off. This was very helpful when writing the script as, I needed to stop and start it every time I needed to implement a new feature.</p>
|
||||
|
||||
<p>All parsing data is saved to the json file every time the script completes, or it detects a <code class="highlighter-rouge">SIGKILL</code>.</p>
|
||||
|
||||
<h2 id="what-i-learned">What I learned</h2>
|
||||
<p>After letting the script run for about an hour, I got a bunch of data from every registered team.</p>
|
||||
|
||||
<p>This data includes every project (both on and offseason) from each team, so teams that build t-shirt cannons using the CTRE HERO, would have C# in their list of languages. Things like that.</p>
|
||||
|
||||
<p>Unsurprisingly, by far the most popular programming language is Java, with 3232 projects. These projects where all mostly, or entirely written in Java. Next up, we have C++ with 725 projects, and Python with 468 projects.</p>
|
||||
|
||||
<p>After Java, C++, and Python, we start running in to languages used for dashboards, design, lessons, and offseason projects. Before I get to everything else, here is the usage of the rest of the valid languages for FRC robots:</p>
|
||||
<ul>
|
||||
<li>C (128)</li>
|
||||
<li>LabView (153)</li>
|
||||
<li>Kotlin (96)</li>
|
||||
<li>Rust (4)</li>
|
||||
</ul>
|
||||
|
||||
<p>Now, the rest of the languages below Python:</p>
|
||||
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>295 occurrences of JavaScript
|
||||
153 occurrences of LabVIEW
|
||||
128 occurrences of C
|
||||
96 occurrences of Kotlin
|
||||
72 occurrences of Arduino
|
||||
71 occurrences of C#
|
||||
69 occurrences of CSS
|
||||
54 occurrences of PHP
|
||||
40 occurrences of Shell
|
||||
34 occurrences of Ruby
|
||||
16 occurrences of Swift
|
||||
16 occurrences of Jupyter Notebook
|
||||
15 occurrences of Scala
|
||||
12 occurrences of D
|
||||
12 occurrences of TypeScript
|
||||
9 occurrences of Dart
|
||||
8 occurrences of Processing
|
||||
7 occurrences of CoffeeScript
|
||||
6 occurrences of Go
|
||||
6 occurrences of Groovy
|
||||
6 occurrences of Objective-C
|
||||
4 occurrences of Rust
|
||||
3 occurrences of MATLAB
|
||||
3 occurrences of R
|
||||
1 occurrences of Visual Basic
|
||||
1 occurrences of Clojure
|
||||
1 occurrences of Cuda
|
||||
</code></pre></div></div>
|
||||
|
||||
<p>I have removed markup and shell languages from that list because most of them are probably auto-generated.</p>
|
||||
|
||||
<p>In terms of github account names, 133 teams follow FRC convention and use a username starting with <code class="highlighter-rouge">frc</code>, followed by their team number, 95 teams use <code class="highlighter-rouge">team</code> then their number, and 264 teams use something else.</p>
|
||||
|
||||
<h2 id="using-the-script">Using the script</h2>
|
||||
<p>This script is not on PYPI this time. You can obtain a copy from my GitHub repo: <a href="https://github.com/Ewpratten/frc-code-stats">https://github.com/Ewpratten/frc-code-stats</a></p>
|
||||
|
||||
<p>First, make sure both <code class="highlighter-rouge">python3.7</code> and <code class="highlighter-rouge">python3-pip</code> are installed on your computer. Next, delete the <code class="highlighter-rouge">data.json</code> file. Then, install the requirements with <code class="highlighter-rouge">pip3 install -r requirements.txt</code>. Finally, run with <code class="highlighter-rouge">python3 main.py</code> to start the script. Now, go outside and enjoy nature for about an hour, and your data should be loaded!.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
<hr>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-lg ">
|
||||
|
||||
<!-- Navbar content -->
|
||||
<div class="container">
|
||||
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
|
||||
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
||||
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<!-- Offsets for links -->
|
||||
<script>
|
||||
(function ($, window) {
|
||||
var adjustAnchor = function () {
|
||||
|
||||
var $anchor = $(':target'),
|
||||
fixedElementHeight = 100;
|
||||
|
||||
if ($anchor.length > 0) {
|
||||
|
||||
window.scrollTo(0, $anchor.offset().top - fixedElementHeight);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
$(window).on('hashchange load', function () {
|
||||
adjustAnchor();
|
||||
});
|
||||
|
||||
})(jQuery, window);
|
||||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
152
_site/blog/2019/07/13/lookback-gmad.html
Normal file
152
_site/blog/2019/07/13/lookback-gmad.html
Normal file
@ -0,0 +1,152 @@
|
||||
<head>
|
||||
<title>Evan Pratten</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="stylesheet" href="/assets/css/github-syntax.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-ctr">
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg">
|
||||
<!-- Navbar content -->
|
||||
<!-- <div class="container"> -->
|
||||
<a class="navbar-brand" href="/">Evan Pratten</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
|
||||
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav ml-auto">
|
||||
<a class="nav-item nav-link" href="/blog">Blog</a>
|
||||
<a class="nav-item nav-link" href="/projects">Projects</a>
|
||||
<!-- <a class="nav-item nav-link" href="/documentation">Documentation</a> -->
|
||||
<a class="nav-item nav-link" href="/about">About</a>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</nav>
|
||||
<!-- <div style="height:5vh"></div> -->
|
||||
|
||||
<!-- Header -->
|
||||
<!-- <div class="header">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-gap"></div>
|
||||
</div> -->
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container">
|
||||
<h1>Taking a look back at GMAD</h1>
|
||||
<h4>Fun, Simple, and Quick</h4>
|
||||
<hr>
|
||||
<p><em>2019-07-13 10:43:00 -0400</em></p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>One day, back in June of 2018, I was both looking for a new project to work on, and trying to decide which Linux distro to install on one of my computers. From this, a little project was born. <a href="/gmad">Give Me a Distro</a> (or, GMAD, as I like to call it) is a little website that chooses a random distribution of Linux and shows a description of what you are about to get yourself into, and a download link for the latest ISO.</p>
|
||||
|
||||
<h2 id="backend-tech">Backend tech</h2>
|
||||
<p>This is one of the simplest projects I have ever made. All the backend does is:</p>
|
||||
<ul>
|
||||
<li>Select a random number (n)</li>
|
||||
<li>Fetch the nth item from a list of distros</li>
|
||||
<li>Push the selected data to the user via DOM</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="frontend">Frontend</h2>
|
||||
<p>This website is just plain HTML and CSS3, built without any CSS framework.</p>
|
||||
|
||||
<h2 id="my-regrets">My regrets</h2>
|
||||
<p>There are two things I do not like about this project. Firstly, on load, the site breifly suggests Arch Linux before flashing to the random selection. This is due to the fact that Arch is the default for people with Javascript disabled. Some kind of loading animation would fix this.</p>
|
||||
|
||||
<p>Secondly, the version of the site hosted on <a href="https://retrylife.ca/gmad">retrylife.ca</a> is actually just an iframe to <a href="https://ewpratten.github.io/GiveMeADistro">ewpratten.github.io</a> due to some CNAME issues.</p>
|
||||
|
||||
<h2 id="contributing">Contributing</h2>
|
||||
<p>If you would like to add a distro or three to the website, feel free to make a pull request over on <a href="https://github.com/Ewpratten/GiveMeADistro">GitHub</a>.</p>
|
||||
|
||||
<h2 id="why-make-a-post-about-it-a-year-later">Why make a post about it a year later?</h2>
|
||||
<p>I just really enjoyed working with the project and sharing it with friends, so I figured I should mention it here too. Maybe it will inspire someone to make something cool!</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
<hr>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-lg ">
|
||||
|
||||
<!-- Navbar content -->
|
||||
<div class="container">
|
||||
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
|
||||
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
||||
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<!-- Offsets for links -->
|
||||
<script>
|
||||
(function ($, window) {
|
||||
var adjustAnchor = function () {
|
||||
|
||||
var $anchor = $(':target'),
|
||||
fixedElementHeight = 100;
|
||||
|
||||
if ($anchor.length > 0) {
|
||||
|
||||
window.scrollTo(0, $anchor.offset().top - fixedElementHeight);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
$(window).on('hashchange load', function () {
|
||||
adjustAnchor();
|
||||
});
|
||||
|
||||
})(jQuery, window);
|
||||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
244
_site/blog/2019/07/15/mindmap.html
Normal file
244
_site/blog/2019/07/15/mindmap.html
Normal file
@ -0,0 +1,244 @@
|
||||
<head>
|
||||
<title>Evan Pratten</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="stylesheet" href="/assets/css/github-syntax.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-ctr">
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg">
|
||||
<!-- Navbar content -->
|
||||
<!-- <div class="container"> -->
|
||||
<a class="navbar-brand" href="/">Evan Pratten</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
|
||||
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav ml-auto">
|
||||
<a class="nav-item nav-link" href="/blog">Blog</a>
|
||||
<a class="nav-item nav-link" href="/projects">Projects</a>
|
||||
<!-- <a class="nav-item nav-link" href="/documentation">Documentation</a> -->
|
||||
<a class="nav-item nav-link" href="/about">About</a>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</nav>
|
||||
<!-- <div style="height:5vh"></div> -->
|
||||
|
||||
<!-- Header -->
|
||||
<!-- <div class="header">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-gap"></div>
|
||||
</div> -->
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container">
|
||||
<h1>Mind map generation with Python</h1>
|
||||
<h4>Step 1</h4>
|
||||
<hr>
|
||||
<p><em>2019-07-15 14:38:00 -0400</em></p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>While working on an assignment with <a href="https://coggle.it">Coggle</a> today, I noticed an interesting option in the save menu. <em>Download as .mm file</em>. Having rarely worked with mind maps before, and only doing it online, it never occured to me that someone would have a file format for it. So I took a look.</p>
|
||||
|
||||
<h2 id="what-is-a-mm-file">What is a .mm file?</h2>
|
||||
<p>It turns out, a <code class="highlighter-rouge">.mm</code> file is just some XML describing the mind map. Here is a simple mind map:</p>
|
||||
|
||||
<p><img src="/assets/images/mindmap-simple.png" alt="Simple Mind Map" /></p>
|
||||
|
||||
<p>And again as a <code class="highlighter-rouge">.mm</code> file:</p>
|
||||
|
||||
<div class="language-xml highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt"><map</span> <span class="na">version=</span><span class="s">"0.9.0"</span><span class="nt">></span>
|
||||
<span class="nt"><node</span> <span class="na">TEXT=</span><span class="s">"Master Node"</span> <span class="na">FOLDED=</span><span class="s">"false"</span> <span class="na">POSITION=</span><span class="s">"right"</span> <span class="na">ID=</span><span class="s">"5d2d02b1a315dd0879f48c1c"</span> <span class="na">X_COGGLE_POSX=</span><span class="s">"0"</span> <span class="na">X_COGGLE_POSY=</span><span class="s">"0"</span><span class="nt">></span>
|
||||
<span class="nt"><edge</span> <span class="na">COLOR=</span><span class="s">"#b4b4b4"</span><span class="nt">/></span>
|
||||
<span class="nt"><font</span> <span class="na">NAME=</span><span class="s">"Helvetica"</span> <span class="na">SIZE=</span><span class="s">"17"</span><span class="nt">/></span>
|
||||
<span class="nt"><node</span> <span class="na">TEXT=</span><span class="s">"Child branch"</span> <span class="na">FOLDED=</span><span class="s">"false"</span> <span class="na">POSITION=</span><span class="s">"right"</span> <span class="na">ID=</span><span class="s">"f72704969525d2a0333dd635"</span><span class="nt">></span>
|
||||
<span class="nt"><edge</span> <span class="na">COLOR=</span><span class="s">"#7aa3e5"</span><span class="nt">/></span>
|
||||
<span class="nt"><font</span> <span class="na">NAME=</span><span class="s">"Helvetica"</span> <span class="na">SIZE=</span><span class="s">"15"</span><span class="nt">/></span>
|
||||
<span class="nt"><node</span> <span class="na">TEXT=</span><span class="s">"Children 1"</span> <span class="na">FOLDED=</span><span class="s">"false"</span> <span class="na">POSITION=</span><span class="s">"right"</span> <span class="na">ID=</span><span class="s">"c83826af506cae6e55761d5c"</span><span class="nt">></span>
|
||||
<span class="nt"><edge</span> <span class="na">COLOR=</span><span class="s">"#7ea7e5"</span><span class="nt">/></span>
|
||||
<span class="nt"><font</span> <span class="na">NAME=</span><span class="s">"Helvetica"</span> <span class="na">SIZE=</span><span class="s">"13"</span><span class="nt">/></span>
|
||||
<span class="nt"></node></span>
|
||||
<span class="nt"><node</span> <span class="na">TEXT=</span><span class="s">"Children 2"</span> <span class="na">FOLDED=</span><span class="s">"false"</span> <span class="na">POSITION=</span><span class="s">"right"</span> <span class="na">ID=</span><span class="s">"47723a4d0fb766863f70d204"</span><span class="nt">></span>
|
||||
<span class="nt"><edge</span> <span class="na">COLOR=</span><span class="s">"#82aae7"</span><span class="nt">/></span>
|
||||
<span class="nt"><font</span> <span class="na">NAME=</span><span class="s">"Helvetica"</span> <span class="na">SIZE=</span><span class="s">"13"</span><span class="nt">/></span>
|
||||
<span class="nt"></node></span>
|
||||
<span class="nt"></node></span>
|
||||
<span class="nt"></node></span>
|
||||
<span class="nt"></map></span>
|
||||
</code></pre></div></div>
|
||||
|
||||
<p>Neat, right?</p>
|
||||
|
||||
<h2 id="what-can-we-do-with-it">What can we do with it?</h2>
|
||||
<p>I have not done much research about this because I wanted to work all of this out on my own. But I know one thing as a fact: working with XML sucks (especially in Python). I decided that this would be much better if I could load <code class="highlighter-rouge">.mm</code> files as JSON. This would allow easy manipulation and some cool projects.</p>
|
||||
|
||||
<h2 id="my-script">My script</h2>
|
||||
<p>Like everything I do, I made a script to play with these files.</p>
|
||||
|
||||
<p>It’s pretty simple. First, It loads a <code class="highlighter-rouge">.mm</code> file, then parses it into a <code class="highlighter-rouge">list</code> of <code class="highlighter-rouge">xml.etree.ElementTree.Element</code>.</p>
|
||||
|
||||
<div class="language-python highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="n">raw_mm</span> <span class="o">=</span> <span class="s">""</span>
|
||||
|
||||
<span class="k">with</span> <span class="nb">open</span><span class="p">(</span><span class="n">args</span><span class="o">.</span><span class="nb">file</span><span class="p">,</span> <span class="s">"r"</span><span class="p">)</span> <span class="k">as</span> <span class="n">fp</span><span class="p">:</span>
|
||||
<span class="n">raw_mm</span> <span class="o">=</span> <span class="n">fp</span><span class="o">.</span><span class="n">read</span><span class="p">()</span>
|
||||
<span class="n">fp</span><span class="o">.</span><span class="n">close</span><span class="p">()</span>
|
||||
|
||||
<span class="n">xml</span> <span class="o">=</span> <span class="n">ET</span><span class="o">.</span><span class="n">fromstring</span><span class="p">(</span><span class="n">raw_mm</span><span class="p">)</span>
|
||||
</code></pre></div></div>
|
||||
|
||||
<p>The parsed <code class="highlighter-rouge">list</code> is then passed into a recursive function that constructs a <code class="highlighter-rouge">dict</code></p>
|
||||
|
||||
<div class="language-python highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="k">def</span> <span class="nf">xmlToDict</span><span class="p">(</span><span class="n">xml</span><span class="p">):</span>
|
||||
<span class="n">output</span> <span class="o">=</span> <span class="p">[]</span>
|
||||
<span class="k">for</span> <span class="n">elem</span> <span class="ow">in</span> <span class="nb">list</span><span class="p">(</span><span class="n">xml</span><span class="p">):</span>
|
||||
|
||||
<span class="k">if</span> <span class="s">"TEXT"</span> <span class="ow">not</span> <span class="ow">in</span> <span class="n">elem</span><span class="o">.</span><span class="n">attrib</span><span class="p">:</span>
|
||||
<span class="k">continue</span>
|
||||
|
||||
<span class="n">name</span> <span class="o">=</span> <span class="n">elem</span><span class="o">.</span><span class="n">attrib</span><span class="p">[</span><span class="s">'TEXT'</span><span class="p">]</span>
|
||||
<span class="n">json_element</span> <span class="o">=</span> <span class="p">{</span><span class="s">"name"</span><span class="p">:</span> <span class="n">name</span><span class="p">}</span>
|
||||
|
||||
<span class="k">try</span><span class="p">:</span>
|
||||
<span class="n">json_element</span><span class="p">[</span><span class="s">"children"</span><span class="p">]</span> <span class="o">=</span> <span class="n">xmlToDict</span><span class="p">(</span><span class="n">elem</span><span class="p">)</span>
|
||||
<span class="k">except</span><span class="p">:</span>
|
||||
<span class="k">continue</span>
|
||||
|
||||
<span class="c1"># Detect node type
|
||||
</span> <span class="k">if</span> <span class="n">json_element</span><span class="p">[</span><span class="s">"children"</span><span class="p">]:</span>
|
||||
<span class="n">json_element</span><span class="p">[</span><span class="s">"type"</span><span class="p">]</span> <span class="o">=</span> <span class="s">"branch"</span>
|
||||
<span class="k">else</span><span class="p">:</span>
|
||||
<span class="n">json_element</span><span class="p">[</span><span class="s">"type"</span><span class="p">]</span> <span class="o">=</span> <span class="s">"leaf"</span>
|
||||
<span class="k">del</span> <span class="n">json_element</span><span class="p">[</span><span class="s">"children"</span><span class="p">]</span>
|
||||
|
||||
<span class="n">output</span><span class="o">.</span><span class="n">append</span><span class="p">(</span><span class="n">json_element</span><span class="p">)</span>
|
||||
|
||||
<span class="k">return</span> <span class="n">output</span>
|
||||
</code></pre></div></div>
|
||||
|
||||
<p>Finally, the <code class="highlighter-rouge">dict</code> is written to a file with <code class="highlighter-rouge">json.dump</code></p>
|
||||
|
||||
<div class="language-python highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="n">json</span><span class="o">.</span><span class="n">dump</span><span class="p">(</span><span class="n">mind_map</span><span class="p">,</span> <span class="nb">open</span><span class="p">(</span><span class="n">args</span><span class="o">.</span><span class="nb">file</span> <span class="o">+</span> <span class="s">".json"</span><span class="p">,</span> <span class="s">"w"</span><span class="p">))</span>
|
||||
</code></pre></div></div>
|
||||
|
||||
<p>The whole script (with comments) can be found on my <a href="https://gist.github.com/Ewpratten/0d8f7c7371380c9ca8adcfc6502ccf84#file-parser-py">GitHub account</a>.</p>
|
||||
|
||||
<h2 id="the-output">The output</h2>
|
||||
<p>Running the <code class="highlighter-rouge">.mm</code> file from above through the script gives:</p>
|
||||
|
||||
<div class="language-json highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="p">[</span><span class="w">
|
||||
</span><span class="p">{</span><span class="w">
|
||||
</span><span class="nl">"name"</span><span class="p">:</span><span class="s2">"Master Node"</span><span class="p">,</span><span class="w">
|
||||
</span><span class="nl">"children"</span><span class="p">:[</span><span class="w">
|
||||
</span><span class="p">{</span><span class="w">
|
||||
</span><span class="nl">"name"</span><span class="p">:</span><span class="s2">"Child branch"</span><span class="p">,</span><span class="w">
|
||||
</span><span class="nl">"children"</span><span class="p">:[</span><span class="w">
|
||||
</span><span class="p">{</span><span class="w">
|
||||
</span><span class="nl">"name"</span><span class="p">:</span><span class="s2">"Children 1"</span><span class="p">,</span><span class="w">
|
||||
</span><span class="nl">"type"</span><span class="p">:</span><span class="s2">"leaf"</span><span class="w">
|
||||
</span><span class="p">},</span><span class="w">
|
||||
</span><span class="p">{</span><span class="w">
|
||||
</span><span class="nl">"name"</span><span class="p">:</span><span class="s2">"Children 2"</span><span class="p">,</span><span class="w">
|
||||
</span><span class="nl">"type"</span><span class="p">:</span><span class="s2">"leaf"</span><span class="w">
|
||||
</span><span class="p">}</span><span class="w">
|
||||
</span><span class="p">],</span><span class="w">
|
||||
</span><span class="nl">"type"</span><span class="p">:</span><span class="s2">"branch"</span><span class="w">
|
||||
</span><span class="p">}</span><span class="w">
|
||||
</span><span class="p">],</span><span class="w">
|
||||
</span><span class="nl">"type"</span><span class="p">:</span><span class="s2">"branch"</span><span class="w">
|
||||
</span><span class="p">}</span><span class="w">
|
||||
</span><span class="p">]</span><span class="w">
|
||||
</span></code></pre></div></div>
|
||||
|
||||
<h2 id="the-next-step">The next step</h2>
|
||||
<p>This script just translates a <code class="highlighter-rouge">.mm</code> file to JSON. Nothing else. Next, I want to convert this to a library, and add a JSON to <code class="highlighter-rouge">.mm</code> function as well. This leads into my ultimate goal for this project.</p>
|
||||
|
||||
<p>I want a script that I can drop in the root of any project to build a <a href="https://gource.io/">Gource</a>-style visualization of the folder structure. This will give me a way to make cool visualizations for lessons on the robotics team.</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
<hr>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-lg ">
|
||||
|
||||
<!-- Navbar content -->
|
||||
<div class="container">
|
||||
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
|
||||
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
|
||||
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<!-- Offsets for links -->
|
||||
<script>
|
||||
(function ($, window) {
|
||||
var adjustAnchor = function () {
|
||||
|
||||
var $anchor = $(':target'),
|
||||
fixedElementHeight = 100;
|
||||
|
||||
if ($anchor.length > 0) {
|
||||
|
||||
window.scrollTo(0, $anchor.offset().top - fixedElementHeight);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
$(window).on('hashchange load', function () {
|
||||
adjustAnchor();
|
||||
});
|
||||
|
||||
})(jQuery, window);
|
||||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
158
_site/blog/2019/08/10/why-i-carry-nfc.html
Normal file
158
_site/blog/2019/08/10/why-i-carry-nfc.html
Normal file
@ -0,0 +1,158 @@
|
||||
<head>
|
||||
<title>Evan Pratten</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="stylesheet" href="/assets/css/github-syntax.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-ctr">
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg">
|
||||
<!-- Navbar content -->
|
||||
<!-- <div class="container"> -->
|
||||
<a class="navbar-brand" href="/">Evan Pratten</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav ml-auto">
|
||||
<a class="nav-item nav-link" href="/blog">Blog</a>
|
||||
<a class="nav-item nav-link" href="/projects">Projects</a>
|
||||
<!-- <a class="nav-item nav-link" href="/documentation">Documentation</a> -->
|
||||
<a class="nav-item nav-link" href="/about">About</a>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</nav>
|
||||
<!-- <div style="height:5vh"></div> -->
|
||||
|
||||
<!-- Header -->
|
||||
<!-- <div class="header">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-gap"></div>
|
||||
</div> -->
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container">
|
||||
<h1>My weird piece of EDC</h1>
|
||||
<h4>Reasons why I always carry NFC cards with me</h4>
|
||||
<hr>
|
||||
<p><em>2019-08-10 16:57:00 -0400</em></p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>Im back with a quick little post about something I cary with me everywhere I go, EDC (Every-Day Carry) if you will.</p>
|
||||
|
||||
<h2 id="how-this-started">How this started</h2>
|
||||
<p>Earlier this year, my friend <a href="https://github.com/retrax24" class="user-mention">@retrax24</a> showed me a piece of “fake ID” he was given as a joke. After some experimentation, he noticed that, upon tapping it to his phone, he would get an error message about an un-formatted card.</p>
|
||||
|
||||
<p>After hearing of this, I opened up <a href="https://play.google.com/store/apps/details?id=com.wakdev.nfctools.pro">NFC Tools</a> on my phone and started playing. We had quite some fun with <a href="#shenanigans">various settings and data</a>, and I decided that I wanted a card too. I send a message to someone that I knew worked with these, and got myself 4 to play with.</p>
|
||||
|
||||
<h2 id="shenanigans">Shenanigans</h2>
|
||||
<p>Upon figuring out how to write to <a href="https://github.com/retrax24" class="user-mention">@retrax24</a>’s card, we started out simple. We sent bits of text to eachother, and I eventually sent him a copy of my contact information, and bitcoin address. Then, came the real fun..</p>
|
||||
|
||||
<p>By setting the data type to <code class="highlighter-rouge">external link</code>, and the content to <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">this totally not suspicious URL</a>, we now had the perfect tool for derailing a lesson. An automatic <a href="https://en.wikipedia.org/wiki/Rickrolling">Rick Roll</a> card. Upon tapping this card to a phone, the youtube app would auto-play <em>Rick Astley’s Never Gonna Give You Up</em>. After this discovery, people started asking to buy pre-configured cards from me <img class="emoji" title=":laughing:" alt=":laughing:" src="https://github.githubassets.com/images/icons/emoji/unicode/1f606.png" height="20" width="20">.</p>
|
||||
|
||||
<p>After this came even more fun ideas:</p>
|
||||
<ul>
|
||||
<li>Enabling flashlights</li>
|
||||
<li>Rebooting phones</li>
|
||||
<li>Calling phone numbers</li>
|
||||
<li>Sending texts</li>
|
||||
<li>Filling phones with fake contacts</li>
|
||||
</ul>
|
||||
|
||||
<h2 id="practical-use">Practical use</h2>
|
||||
<p>I don’t actually carry my cards around for messing with people but instead, use them for things like:</p>
|
||||
<ul>
|
||||
<li>Cloning hotel access cards (being in a room of 4 with only 2 cards)</li>
|
||||
<li>Creating login cards for school printers (so I don’t have to log in manually)</li>
|
||||
<li>Sharing small amounts of data and links between phones</li>
|
||||
<li>Giving my contact info to people</li>
|
||||
</ul>
|
||||
|
||||
<p>Thanks to the NFC Tools app, pretty much everything is 3 taps and a swipe away. I strongly recommend picking up some cards for yourself if wou work with a large number of NFC-compatible systems.</p>
|
||||
|
||||
<h2 id="an">A/N</h2>
|
||||
<p>Occasionally, I either have nothing in the works, or am working on some very boring and technical projects, so I look to post some fun content like this. Currently the latter of the options is true, and I wanted a quick break from writing networking code.</p>
|
||||
|
||||
<p>Let me know what you think of this type of content!</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
<hr>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-lg ">
|
||||
|
||||
<!-- Navbar content -->
|
||||
<div class="container">
|
||||
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
||||
|
||||
<!-- Offsets for links -->
|
||||
<script>
|
||||
(function ($, window) {
|
||||
var adjustAnchor = function () {
|
||||
|
||||
var $anchor = $(':target'),
|
||||
fixedElementHeight = 100;
|
||||
|
||||
if ($anchor.length > 0) {
|
||||
|
||||
window.scrollTo(0, $anchor.offset().top - fixedElementHeight);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
$(window).on('hashchange load', function () {
|
||||
adjustAnchor();
|
||||
});
|
||||
|
||||
})(jQuery, window);
|
||||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
203
_site/blog/2019/08/12/setting-up-ja.html
Normal file
203
_site/blog/2019/08/12/setting-up-ja.html
Normal file
@ -0,0 +1,203 @@
|
||||
<head>
|
||||
<title>Evan Pratten</title>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
|
||||
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="stylesheet" href="/assets/css/github-syntax.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:100,100i,400,400i,700,700i" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="site-ctr">
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar navbar-dark sticky-top bg-dark navbar-expand-lg">
|
||||
<!-- Navbar content -->
|
||||
<!-- <div class="container"> -->
|
||||
<a class="navbar-brand" href="/">Evan Pratten</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav ml-auto">
|
||||
<a class="nav-item nav-link" href="/blog">Blog</a>
|
||||
<a class="nav-item nav-link" href="/projects">Projects</a>
|
||||
<!-- <a class="nav-item nav-link" href="/documentation">Documentation</a> -->
|
||||
<a class="nav-item nav-link" href="/about">About</a>
|
||||
</div>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
</nav>
|
||||
<!-- <div style="height:5vh"></div> -->
|
||||
|
||||
<!-- Header -->
|
||||
<!-- <div class="header">
|
||||
<div class="container">
|
||||
<div class="content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="header-gap"></div>
|
||||
</div> -->
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="post container">
|
||||
<h1>How I set up ひらがな input on my laptop</h1>
|
||||
<h4>I3wm makes everything 10x harder than it should be</h4>
|
||||
<hr>
|
||||
<p><em>2019-08-12 15:40:00 -0400</em></p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>I am currently working with <a href="https://en.wikipedia.org/wiki/Hiragana">ひらがな</a>, <a href="https://en.wikipedia.org/wiki/Katakana">かたかな</a>, and, <a href="https://en.wikipedia.org/wiki/Kanji">かんじ</a> in some projects, and needed a more reliable way to write than running some <a href="https://en.wikipedia.org/wiki/Romanization_of_Japanese">romaji</a> through an online translator. So, this post will detail what I did to enable native inputs on my laptop. This guide is specifically for <a href="https://i3wm.org/">i3wm</a>, because it does not obey system settings for languages and inputs.</p>
|
||||
|
||||
<h2 id="adding-font-support-to-linux">Adding font support to Linux</h2>
|
||||
<p>Firstly, we need fonts. Depending on your system, these may already be installed. For Japanese, I only used <code class="highlighter-rouge">vlgothic</code>, so here in the package for it:</p>
|
||||
<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>sudo apt install fonts-vlgothic
|
||||
</code></pre></div></div>
|
||||
|
||||
<h2 id="language-support">Language support</h2>
|
||||
<p>Im not sure if this matters, but I have seen other people do it, so why not be safe?</p>
|
||||
|
||||
<p>I am currently running a stock Ubuntu <a href="">18.04</a> base, which means that everything is pre-configured for Gnome. To set language support in Gnome, pull up the settings panel:</p>
|
||||
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c"># This line fixes some compatibility issues between </span>
|
||||
<span class="c"># Gnome and I3 when launching the settings menu. </span>
|
||||
<span class="c"># I recommend aliasing it.</span>
|
||||
<span class="nb">env </span><span class="nv">XDG_CURRENT_DESKTOP</span><span class="o">=</span>GNOME gnome-control-center
|
||||
</code></pre></div></div>
|
||||
|
||||
<p><img src="/assets/images/language-settings.png" alt="Gnome language settings"></p>
|
||||
|
||||
<p>Next, go to <em>Settings > Language and Region > Input Sources</em>, and click on <em>Manage Installed Languages</em>.
|
||||
This will bring up a window where you can select a new language to install. From here, I clicked on <em>Install / Remove Language</em>.</p>
|
||||
|
||||
<p><img src="/assets/images/language-installation.png" alt="Language installation panel"></p>
|
||||
|
||||
<p>In this list, I just selected the languages I wanted (English and Japanese), and applied my changes. You may be asked to enter your password while installing the new languages. Once installation is complete, log out, and in again.</p>
|
||||
|
||||
<p>With the new language support installed, return to the <em>Input Sources</em> settings, and press the <code class="highlighter-rouge">+</code> button to add a new language. From here, search the language you want (it may be under <em>Other</em>) and select it. For Japanese, select the <code class="highlighter-rouge">mozc</code> variant.</p>
|
||||
|
||||
<p>Gnome’s language settings are now configured. If you are using Gnome (not I3), you can stop here.</p>
|
||||
|
||||
<h2 id="configuring-ibus">Configuring ibus</h2>
|
||||
<p>Don’t get me wrong, I love I3wm, but sometimes it’s configurability drives me crazy.</p>
|
||||
|
||||
<p>After searching through various forums and wikis looking for an elegant way to switch languages in I3, I found a link to an <a href="https://wiki.archlinux.org/index.php/IBus">ArchWiki page</a> at the bottom of a mailing list (I blame Google for not showing this sooner). It turns out that a program called <code class="highlighter-rouge">ibus</code> is exactly what I needed. Here is how to set it up:</p>
|
||||
|
||||
<p>Remember <code class="highlighter-rouge">mozc</code> from above? If you are not using it, this package may not work. Search for the appropriate <code class="highlighter-rouge">ibus-</code> package for your selected language(s).</p>
|
||||
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c"># Install ibus-mozc for Japanese (mozc)</span>
|
||||
<span class="nb">sudo </span>apt <span class="nb">install </span>ibus-mozc
|
||||
</code></pre></div></div>
|
||||
|
||||
<p>Now that <code class="highlighter-rouge">ibus</code> is installed, run the setup script:</p>
|
||||
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>ibus-setup
|
||||
</code></pre></div></div>
|
||||
|
||||
<p><img src="/assets/images/ibus-general.png" alt="Ibus settings"></p>
|
||||
|
||||
<p>From here, set your shortcut to something not used by I3 (I chose <code class="highlighter-rouge">CTRL+Shift+Space</code>, but most people prefer <code class="highlighter-rouge">Alt+Space</code>), and enable the system tray icon.
|
||||
Now, go to the <em>Input Method</em> settings.</p>
|
||||
|
||||
<p><img src="/assets/images/ibus-input.png" alt="Ibus input settings"></p>
|
||||
|
||||
<p>From here, press the <code class="highlighter-rouge">+</code>, and add your language(s).</p>
|
||||
|
||||
<h2 id="configuring-profile">Configuring .profile</h2>
|
||||
<p>According to the Wiki page, I needed to add the following to my <code class="highlighter-rouge">~/.profile</code>:</p>
|
||||
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c"># Language support</span>
|
||||
<span class="nb">export </span><span class="nv">GTK_IM_MODULE</span><span class="o">=</span>ibus
|
||||
<span class="nb">export </span><span class="nv">XMODIFIERS</span><span class="o">=</span>@im<span class="o">=</span>ibus
|
||||
<span class="nb">export </span><span class="nv">QT_IM_MODULE</span><span class="o">=</span>ibus
|
||||
ibus-daemon <span class="nt">-d</span> <span class="nt">-x</span>
|
||||
</code></pre></div></div>
|
||||
|
||||
<p>It turns out that this <a href="https://github.com/ibus/ibus/issues/2020">causes issues with some browsers</a>, so I actually put <em>this</em> in my <code class="highlighter-rouge">~/.profile</code> instead:</p>
|
||||
<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="c"># Language support</span>
|
||||
<span class="nb">export </span><span class="nv">GTK_IM_MODULE</span><span class="o">=</span>xim
|
||||
<span class="nb">export </span><span class="nv">XMODIFIERS</span><span class="o">=</span>@im<span class="o">=</span>ibus
|
||||
<span class="nb">export </span><span class="nv">QT_IM_MODULE</span><span class="o">=</span>xim
|
||||
ibus-daemon <span class="nt">-drx</span>
|
||||
</code></pre></div></div>
|
||||
|
||||
<p>Now, log out and in again to let ibus properly start again, and there should now be a new applet in your bar for language settings.</p>
|
||||
|
||||
<h2 id="workflow">Workflow</h2>
|
||||
<p><code class="highlighter-rouge">ibus</code> runs in the background and will show an indication of your selected language upon pressing the keyboard shortcut set in the <a href="#configuring-ibus">setup tool</a>. For languages like Japanese, where it’s writing systems do not use the English / Latin-based alphabets, <code class="highlighter-rouge">ibus</code> will automatically convert your words as you type (this behavior will be different from language to language).</p>
|
||||
|
||||
<p>An example of this is as follows. I want to write the word <em>Computer</em> in Japanese (Katakana to be exact). I would switch to <code class="highlighter-rouge">mozc</code> input, and start typing the romaji word for computer, <em>Pasokon</em>. This will automatically be converted to Hiragana, <em>ぱそこん</em>. <em>Computer</em> is not a word that one would write in Hiragana as far as I know, so Katakana would be a better choice. To convert this word, I just press <code class="highlighter-rouge">Space</code> (This is indicated in the bottom left of my screen by <code class="highlighter-rouge">ibus</code>), and I now have <em>パソコン</em>, the Katakana word for <em>Computer</em>!</p>
|
||||
|
||||
<hr>
|
||||
|
||||
<h4 id="after-note-languages">After Note: Languages</h4>
|
||||
<p>In case you can’t tell, English is my native language. If I messed up my spelling or context with the small amount of Japanese in this post, <a href="/about#chat-with-me">let me know</a>!</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="container">
|
||||
<hr>
|
||||
</div>
|
||||
<nav class="navbar navbar-expand-lg ">
|
||||
|
||||
<!-- Navbar content -->
|
||||
<div class="container">
|
||||
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
|
||||
|
||||
<!-- Offsets for links -->
|
||||
<script>
|
||||
(function ($, window) {
|
||||
var adjustAnchor = function () {
|
||||
|
||||
var $anchor = $(':target'),
|
||||
fixedElementHeight = 100;
|
||||
|
||||
if ($anchor.length > 0) {
|
||||
|
||||
window.scrollTo(0, $anchor.offset().top - fixedElementHeight);
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
$(window).on('hashchange load', function () {
|
||||
adjustAnchor();
|
||||
});
|
||||
|
||||
})(jQuery, window);
|
||||
</script>
|
||||
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
@ -51,6 +51,281 @@
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="post-preview">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
Featured Post
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">How I set up ひらがな input on my laptop</h5>
|
||||
<p class="card-text">I3wm makes everything 10x harder than it should be</p>
|
||||
<a href="/blog/2019/08/12/setting-up-ja" class="btn btn-primary">View</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="height:50px"></div>
|
||||
<div class="list-group" id="posts">
|
||||
<a href="#posts" class="list-group-item list-group-item-action list-group-item-dark">Other Posts</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/blog/2019/08/10/why-i-carry-nfc" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">My weird piece of EDC</h5>
|
||||
<!-- <small>2019-08-10 16:57:00 -0400</small> -->
|
||||
</div>
|
||||
<p class="card-text">Reasons why I always carry NFC cards with me</p>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/blog/2019/07/15/mindmap" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">Mind map generation with Python</h5>
|
||||
<!-- <small>2019-07-15 14:38:00 -0400</small> -->
|
||||
</div>
|
||||
<p class="card-text">Step 1</p>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/blog/2019/07/13/lookback-gmad" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">Taking a look back at GMAD</h5>
|
||||
<!-- <small>2019-07-13 10:43:00 -0400</small> -->
|
||||
</div>
|
||||
<p class="card-text">Fun, Simple, and Quick</p>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/blog/2019/07/06/scrapingfrcgithub" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">Scraping FRC team's GitHub accounts to gather large amounts of data</h5>
|
||||
<!-- <small>2019-07-06 11:08:00 -0400</small> -->
|
||||
</div>
|
||||
<p class="card-text">There are a lot of teams...</p>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/blog/2019/07/01/devdns" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">devDNS</h5>
|
||||
<!-- <small>2019-07-01 18:13:00 -0400</small> -->
|
||||
</div>
|
||||
<p class="card-text">The DNS over devRant service</p>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/blog/2019/06/27/pwnlink" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">I had some fun with a router</h5>
|
||||
<!-- <small>2019-06-27 13:16:00 -0400</small> -->
|
||||
</div>
|
||||
<p class="card-text">cleartext passwords + external management = death wish</p>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/blog/2019/06/27/python" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">Hunting snakes with a shotgun</h5>
|
||||
<!-- <small>2019-06-27 03:00:00 -0400</small> -->
|
||||
</div>
|
||||
<p class="card-text">Python is a little too forgiving</p>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/blog/2019/06/26/bashsmash" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">BashSmash</h5>
|
||||
<!-- <small>2019-06-26 11:48:00 -0400</small> -->
|
||||
</div>
|
||||
<p class="card-text">A tool for driving people crazy</p>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/blog/2019/06/24/languagehunt2" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">The language hunt: Part 2</h5>
|
||||
<!-- <small>2019-06-24 17:36:00 -0400</small> -->
|
||||
</div>
|
||||
<p class="card-text">A quick followup</p>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/blog/2019/06/23/googlectf" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">I gave Google's CTF a short try and learned a thing or two</h5>
|
||||
<!-- <small>2019-06-23 18:04:00 -0400</small> -->
|
||||
</div>
|
||||
<p class="card-text">But exams got in the way and took all the fun</p>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/blog/2019/06/21/robot-experiences" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">What I have learned from 2 years of FRC programming</h5>
|
||||
<!-- <small>2019-06-21 11:14:00 -0400</small> -->
|
||||
</div>
|
||||
<p class="card-text">Robots are pretty cool</p>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/blog/2019/06/17/amm2m1-release" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">I made a new song!</h5>
|
||||
<!-- <small>2019-06-17 06:20:00 -0400</small> -->
|
||||
</div>
|
||||
<p class="card-text">Releasing a new song with friends at school</p>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/blog/2019/06/16/graphing-w2a" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">Graphing the relation between wheels and awards for FRC</h5>
|
||||
<!-- <small>2019-06-16 11:51:00 -0400</small> -->
|
||||
</div>
|
||||
<p class="card-text">AKA. Why programmer + reddit + matplotlib is a bad idea.</p>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/blog/2019/06/12/styiling-github" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">GitHub's CSS is boring. So I refreshed the design</h5>
|
||||
<!-- <small>2019-06-12 09:09:00 -0400</small> -->
|
||||
</div>
|
||||
<p class="card-text"></p>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/blog/2019/05/27/building-safe-vision-comms" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">Building a safe and easy system for sending computer vision data from a raspberry pi to a roborio</h5>
|
||||
<!-- <small>2019-05-27 05:22:00 -0400</small> -->
|
||||
</div>
|
||||
<p class="card-text"></p>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/blog/2019/04/30/frc-languages" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">The language hunt</h5>
|
||||
<!-- <small>2019-04-30 14:32:00 -0400</small> -->
|
||||
</div>
|
||||
<p class="card-text"></p>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<a href="/blog/2018/06/27/becomeranter" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">Using a python script to create devRant posts based on the style and content of another user</h5>
|
||||
<!-- <small>2018-06-27 14:32:00 -0400</small> -->
|
||||
</div>
|
||||
<p class="card-text">if/else ++</p>
|
||||
</a>
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -66,7 +341,7 @@
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-17 12:03:52 -0400
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
@ -107,13 +382,21 @@
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
@ -40,15 +40,6 @@
|
||||
<a href="#" class="list-group-item list-group-item-action list-group-item-dark">Documentation</a>
|
||||
|
||||
|
||||
|
||||
<a href="/docs/devRant-api" class="list-group-item list-group-item-action">
|
||||
<div class="d-flex w-100 justify-content-between">
|
||||
<h5 class="mb-1">devRant API Documentation</h5>
|
||||
</div>
|
||||
<p class="card-text">An unofficial page all about the devRant API</p>
|
||||
</a>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -64,7 +55,7 @@
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-17 12:03:52 -0400
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
@ -105,13 +96,21 @@
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
653
_site/feed.xml
653
_site/feed.xml
File diff suppressed because one or more lines are too long
@ -85,7 +85,7 @@ https://blog.mrtnrdl.de/feed.xml
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-17 12:03:52 -0400
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
@ -126,12 +126,20 @@ https://blog.mrtnrdl.de/feed.xml
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
@ -40,8 +40,8 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="reactive-bg">
|
||||
<div class="home container">
|
||||
<div class="reactive-bg" >
|
||||
<div class="home container" >
|
||||
<div class="profile">
|
||||
<img src="/assets/images/human-profile.jpg">
|
||||
</div>
|
||||
@ -103,7 +103,7 @@
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-17 12:03:52 -0400
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
@ -144,12 +144,20 @@
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
@ -68,40 +68,76 @@
|
||||
|
||||
<br><br>
|
||||
|
||||
|
||||
|
||||
<div class="card-deck">
|
||||
|
||||
<div class="card">
|
||||
|
||||
<div class="card">
|
||||
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">ThriftyField</h5>
|
||||
<p class="card-text">ThriftyField is an open source replacement for the FIRST FMS software. This tool allows mass control over robots, along with real-time scoring and an audience display.</p>
|
||||
<a href="https://github.com/frc5024/ThriftyField">
|
||||
<button type="button" class="btn btn-info">View Project</button>
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">ThriftyField</h5>
|
||||
<p class="card-text">ThriftyField is an open source replacement for the FIRST FMS software. This tool allows mass control over robots, along with real-time scoring and an audience display.</p>
|
||||
<a href="https://github.com/frc5024/ThriftyField">
|
||||
<button type="button" class="btn btn-info">View Project</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card">
|
||||
|
||||
<div class="card">
|
||||
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">DevDNS</h5>
|
||||
<p class="card-text">DevDNS is a <a href="https://devrant.com/">devRant</a> bot for resolving DNS queries send via devRant’s comments system.</p>
|
||||
<a href="https://github.com/Ewpratten/devDNS">
|
||||
<button type="button" class="btn btn-info">View Project</button>
|
||||
</a>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">DevDNS</h5>
|
||||
<p class="card-text">DevDNS is a <a href="https://devrant.com/">devRant</a> bot for resolving DNS queries send via devRant’s comments system.</p>
|
||||
<a href="https://github.com/Ewpratten/devDNS">
|
||||
<button type="button" class="btn btn-info">View Project</button>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
<div class="centre">
|
||||
<p>This site is still under development. More projects will be listed soon.</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<br><br>
|
||||
|
||||
<div class="card-deck">
|
||||
|
||||
<div class="card">
|
||||
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Dirobium</h5>
|
||||
<p class="card-text">Dirobium is a fantasy CPU emulator that I built to teach myself basic low-level programming</p>
|
||||
<a href="https://github.com/Ewpratten/Dirobium">
|
||||
<button type="button" class="btn btn-info">View Project</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="card">
|
||||
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">devCredits</h5>
|
||||
<p class="card-text">My first community project, a tool help people credit contributors on their devRant community projects</p>
|
||||
<a href="https://github.com/Ewpratten/devCredits">
|
||||
<button type="button" class="btn btn-info">View Project</button>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<br><br>
|
||||
|
||||
|
||||
|
||||
<br><br>
|
||||
<div class="centre">
|
||||
<p>This site is still under development. More projects will be listed soon.</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<hr>
|
||||
</div>
|
||||
@ -113,7 +149,7 @@
|
||||
<span class="navbar-text">
|
||||
Site design by: <a href="https://retrylife.ca">Evan Pratten</a> |
|
||||
|
||||
This site was last updated at: 2019-08-17 12:03:52 -0400
|
||||
This site was last updated at: 2019-08-21 12:48:55 -0400
|
||||
</span>
|
||||
</div>
|
||||
</nav>
|
||||
@ -148,13 +184,21 @@
|
||||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-74118570-2"></script>
|
||||
<script>
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag() { dataLayer.push(arguments); }
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'UA-74118570-2');
|
||||
gtag('config', 'UA-74118570-2');
|
||||
</script>
|
||||
|
||||
|
||||
<!-- particles -->
|
||||
<script src="/assets/js/particles.min.js"></script>
|
||||
<script>
|
||||
particlesJS.load('particles-js', '/assets/js/particles.json', function () {
|
||||
console.log('callback - particles.js config loaded');
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</body>
|
||||
@ -104,7 +104,6 @@ a h5 {
|
||||
font-family: 'Noto Sans TC', sans-serif;
|
||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
background-color: #fff;
|
||||
|
||||
}
|
||||
|
||||
.container .profile{
|
||||
|
||||
110
assets/js/particles.json
Normal file
110
assets/js/particles.json
Normal file
@ -0,0 +1,110 @@
|
||||
{
|
||||
"particles": {
|
||||
"number": {
|
||||
"value": 33,
|
||||
"density": {
|
||||
"enable": true,
|
||||
"value_area": 800
|
||||
}
|
||||
},
|
||||
"color": {
|
||||
"value": "#6c757d"
|
||||
},
|
||||
"shape": {
|
||||
"type": "circle",
|
||||
"stroke": {
|
||||
"width": 0,
|
||||
"color": "#000000"
|
||||
},
|
||||
"polygon": {
|
||||
"nb_sides": 5
|
||||
},
|
||||
"image": {
|
||||
"src": "img/github.svg",
|
||||
"width": 100,
|
||||
"height": 100
|
||||
}
|
||||
},
|
||||
"opacity": {
|
||||
"value": 0.5,
|
||||
"random": false,
|
||||
"anim": {
|
||||
"enable": false,
|
||||
"speed": 1,
|
||||
"opacity_min": 0.1,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"size": {
|
||||
"value": 3.9458004845442964,
|
||||
"random": false,
|
||||
"anim": {
|
||||
"enable": false,
|
||||
"speed": 40,
|
||||
"size_min": 0.1,
|
||||
"sync": false
|
||||
}
|
||||
},
|
||||
"line_linked": {
|
||||
"enable": true,
|
||||
"distance": 110.4824135672403,
|
||||
"color": "#17a2b8",
|
||||
"opacity": 1,
|
||||
"width": 4.419296542689612
|
||||
},
|
||||
"move": {
|
||||
"enable": false,
|
||||
"speed": 6,
|
||||
"direction": "none",
|
||||
"random": false,
|
||||
"straight": false,
|
||||
"out_mode": "out",
|
||||
"bounce": false,
|
||||
"attract": {
|
||||
"enable": false,
|
||||
"rotateX": 600,
|
||||
"rotateY": 1200
|
||||
}
|
||||
}
|
||||
},
|
||||
"interactivity": {
|
||||
"detect_on": "canvas",
|
||||
"events": {
|
||||
"onhover": {
|
||||
"enable": false,
|
||||
"mode": "repulse"
|
||||
},
|
||||
"onclick": {
|
||||
"enable": true,
|
||||
"mode": "remove"
|
||||
},
|
||||
"resize": true
|
||||
},
|
||||
"modes": {
|
||||
"grab": {
|
||||
"distance": 400,
|
||||
"line_linked": {
|
||||
"opacity": 1
|
||||
}
|
||||
},
|
||||
"bubble": {
|
||||
"distance": 400,
|
||||
"size": 40,
|
||||
"duration": 2,
|
||||
"opacity": 8,
|
||||
"speed": 3
|
||||
},
|
||||
"repulse": {
|
||||
"distance": 200,
|
||||
"duration": 0.4
|
||||
},
|
||||
"push": {
|
||||
"particles_nb": 4
|
||||
},
|
||||
"remove": {
|
||||
"particles_nb": 2
|
||||
}
|
||||
}
|
||||
},
|
||||
"retina_detect": true
|
||||
}
|
||||
9
assets/js/particles.min.js
vendored
Normal file
9
assets/js/particles.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Loading…
x
Reference in New Issue
Block a user