-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathterms.html
124 lines (123 loc) · 14.8 KB
/
terms.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang='en'>
<head>
<!-- Base Info -->
<meta charset='utf-8'/> <!--Setting document to UTF-8-->
<meta content='width-device-width, initial-scale=1.0' name='viewport'/>
<meta name='keywords' content='style,html,css,page,headers'/> <!--Setting basic description & info-->
<meta name='description' content='Welcome to my website. Here you can download free stuff, look at my portfolio, buy merch, and more!'/>
<meta name='author' content='Mack'/>
<meta name='robots' content='index, follow'/>
<meta name="google-site-verification" content="zI4ReyW17rDregFpRqXQeuboyq1lW2IK5WiADOPwbJU" />
<title>Privacy & Terms of Service - MAKC</title>
<!-- Favicons -->
<link href='/images/favicons/favicon.ico' rel='icon' type='image/ico'/>
<link href='/images/favicons/favicon.png' rel='icon' type='image/png'/>
<link href='/images/favicons/apple-touch-icon.png' rel='apple-touch-icon'/>
<link href='/images/favicons/ios-ipad-144x144.png' sizes='144x144' rel='apple-touch-icon-precomposed'/>
<link href='/images/favicons/ios-iphone-114x144.png' sizes='114x114' rel='apple-touch-icon-precomposed'/>
<link href='/images/favicons/ios-default-homescreen-57x57.png' sizes='57x57' rel='apple-touch-icon-precomposed'/>
<!-- Imports -->
<link rel='stylesheet' href='https://use.fontawesome.com/releases/v5.8.1/css/all.css' integrity='sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf' crossorigin='anonymous'/>
<link href='/css/style.css' rel='stylesheet'/>
<script src="/script/menu.js"></script>
</head>
<div id="mobile-links">
<div class="mobile-links-container">
<ul>
<li class="mobile"><a href="https://www.youtube.com/channel/UCWh6YtclgTAzReTASc4uSKw/" target="_blank" title="My YouTube Channel">Videos</a></li><br>
<li class="mobile"><a href="/portfolio.html" title="My Motion Graphics Work">Portfolio</a></li><br>
<li class="mobile"><a href="/downloads.html" title="Download free stuff">Downloads</a></li><br>
<li class="mobile"><a href="/merch.html" title="Check out My Merch">Merch</a></li><br>
<li class="mobile"><a href="https://makccr.medium.com" target="_blank" title="My Medium Blog">Blog</a></li><br>
</ul>
</div>
</div>
<header>
<div class="header-flex">
<a href="/index.html" title="Homepage"><div class="logo"></div></a>
<nav>
<ul class="linksB">
<li><a href="https://www.youtube.com/channel/UCWh6YtclgTAzReTASc4uSKw/" target="_blank" title="My YouTube Channel">Videos</a></li>
<li><a href="/portfolio.html" title="My Motion Graphics Work">Portfolio</a></li>
<li><a href="/downloads.html" title="Download free stuff">Downloads</a></li>
<li><a href="/merch.html">Merch</a></li>
<li><a href="https://makccr.medium.com" target="_blank" title="My Medium Blog">Blog</a></li>
</ul>
<div class="bars" onclick="mobileMenu()">
<i class="fas fa-bars"></i>
</div>
</nav>
</div>
</header>
<div class="body-left">
<h1>Privacy Policy</h1>
<h5>as of April 18, 2020</h5>
<h4>Collection and Use of Personal Information</h4>
<p> I don't collect any personal information from users of this site. I take this quite seriously, I hate the modern web; and if for no other reason than the fact that I don't want hundreds of lines of Java Script slowing down my site, I don't participate in the standard data collection that we've come to expect from the web. There is no data collection happening on my site for any reason. I don't run ads, because I don't want any data collection happening that way. I don't collect any cookies, because I don't know how to. Don't believe me? Here's all of the JavaScript that runs in the background of my site: </p>
<div class="codeBlock">
<p>function mobileMenu() {<br>
var x = document.getElementById("mobile-links")<br>
if (x.style.display === "none") {<br>
x.style.display = "block";<br>
} else {<br>
x.style.display = "none"; } }</p>
</div>
<p>If you don't write JavaScript, this is just a function that allows users to open and close the hamburger menu for navigation, when accessing the site on a mobile device. Furthermore, in the interest of transparency, my entire site is available on <a href="https://github.com/makccr/makccr.github.io">GitHub</a>. Of course, as with any other website, user can just open up an inspector window and view all the HTML & CSS for that controls my website. But if you look at the GitHub repository, you can view all the code, and all the assets that I've used to create this website, exactly as I have them organized. (It's also just slightly easier to parse through this info on a GitHub repo, rather than an inspector window.) </p>
<h4>Third Party Services</h4>
<p> There are a few third-party services which I use to help drive some parts of this website. As an example, I host this site use GitHub pages, a really great and easy to use platform that allows you to spin up a site based on a GitHub repo. Unfortunately, this does complicate things a bit. While I'm perfectly comfortable just dropping all the JavaScript for my entire site here, that's not the case with everyone. So I've compiled a list below of all the services that I use to drive any piece of this website, and corresponding links to Terms of Service & Privacy Policy pages on those site:</p>
<p>
There are a few third-party services which I use to help drive some parts of this website. As an example, I host this site use GitHub pages, a really great and easy to use platform that allows you to spin up a site based on a GitHub repo. Unfortunately, this does complicate things a bit. While I'm perfectly comfortable just dropping all the JavaScript for my entire site here, that's not the case with everyone. So I've compiled a list below of all the services that I use to drive any piece of this website, and corresponding links to Terms of Service & Privacy Policy pages on those site:<br><br>
<strong>GitHub Pages</strong> (My hosting solution): <a href='https://help.github.com/en/github/site-policy/github-terms-of-service' title='View Terms of Service'>Terms of Service</a>, <a href='https://help.github.com/en/github/site-policy/github-privacy-statement' title='View Privacy Policy'>Privacy Policy</a>.<br>
<strong>Google Fonts</strong> (Powers all the Fonts on this site): <a href='https://policies.google.com/terms' title='View Terms of Service'>Terms of Service</a>, <a href='https://policies.google.com/privacy' title='View Privacy Policy'>Privacy Policy</a>.<br>
<strong>Font Awesome</strong> (Social Icons & Hamburger Menu Icon): <a href='https://fontawesome.com/tos' title='View Terms of Service'>Terms of Service</a>, <a href='https://fontawesome.com/privacy' title='View Privacy Policy'>Privacy Policy</a>.<br>
<strong>Spreadshop</strong> (Where I sell Merch): <a href='https://service.spreadshirt.com/hc/en-us/articles/115000991325/' title='View Terms of Service'>Terms of Service</a>, <a href='https://service.spreadshirt.com/hc/en-us/articles/115000978409/' title='View Privacy Policy'>Privacy Policy</a>.<br>
<strong>Airtable</strong> (Powers the Gear I Use Page): <a href='https://airtable.com/tos' title='View Terms of Service'>Terms of Service</a>, <a href='https://airtable.com/privacy' title='View Privacy Policy'>Privacy Policy</a>.<br>
<br>Furthermore, while I take a great deal of care in respecting my user's privacy, I would be lying if I pretended that every site in which I'm active on does the same. I have a YouTube channel, and a Twitter account; and to call these website's practices regarding privacy anything other than abominable; would be ridiculous. There are countless other social media type sites, that I link to from this very site. If you choose to interact with me on these third-party platforms, that's great, you're welcome to do so; but do so knowing what data collection is taking place on these sites; how to opt out of that collection if possible, and how to get around giving up you're data if it's not. Ad Blockers, Tracker Blockers & HTTPS are all great. Run a VPN if you wan't to, though, far warning, the usefulness of something like that does tend to be <a href='https://youtu.be/WVDQEoe6ZWY' title='Watch Tom Scotts excelent video on this subject'>overstated</a> by marketing departments. <br><br>
All that being said, in the interest of making controlling <em>your</em> data as painless as possible, I've also compiled a list that links to Privacy Policies and Terms of Service pages for every site you will every be redirected too from this website.<br><br>
<strong>Twitter:</strong> <a href='https://twitter.com/en/tos' title='View Terms of Service'>Terms of Service</a>, <a href='https://twitter.com/en/privacy' title='View Privacy Policy'>Privacy Policy</a>.<br>
<strong>YouTube:</strong> <a href='https://www.youtube.com/static?template=terms' title='View Terms of Service'>Terms of Service</a>, <a href='https://www.youtube.com/howyoutubeworks/user-settings/privacy/' title='View Privacy Policy'>Privacy Policy</a>.<br>
<strong>Odysee (LBRY):</strong> <a href='https://lbry.com/termsofservice' title='View Terms of Service'>Terms of Service</a>, <a href='https://lbry.com/privacypolicy' title='View Privacy Policy'>Privacy Policy</a>.<br>
<strong>Reddit:</strong> <a href='https://www.redditinc.com/policies/user-agreement' title='View Terms of Service'>User Agreement</a>, <a href='https://www.redditinc.com/policies/privacy-policy' title='View Privacy Policy'>Privacy Policy</a>.<br>
<strong>GitHub:</strong> <a href='https://help.github.com/en/github/site-policy/github-terms-of-service' title='View Terms of Service'>Terms of Service</a>, <a href='https://help.github.com/en/github/site-policy/github-privacy-statement' title='View Privacy Policy'>Privacy Policy</a>.<br>
<strong>Snapchat:</strong> <a href='https://www.snap.com/en-US/terms' title='View Terms of Service'>Terms of Service</a>, <a href='https://www.snap.com/en-US/privacy/privacy-policy' title='View Privacy Policy'>Privacy Policy</a>.<br>
</p>
<br>
<h1>Terms of Service</h1>
<h5>as of September 22, 2021</h5>
<h4>Ownership of Site; Agreement to Terms of Use</h4>
<p> These Terms and Conditions of User apply to my (Mackenzie Criswell) personal website located at <a href="https://makc.co">https://makc.co</a>. This site is the property of me (Mackenzie Criswell). BY USING THIS WEBSITE, YOU AGREE TO THESE TERMS OF USE; IF YOU DO NOT AGREE, DO NOT USE THIS WEBSITE. </p>
<h4>Your Use of this Site</h4>
<p>You may use any "deep-link", "page-scrape", "robot", "spider" or other automatic device, program, algorithm or methodology, or any similar or equivalent manual process, to access, acquire, copy or monitor any portion of the Site or any Content, or in any way reproduce or circumvent the navigational structure or presentation of the Site or any Content, to obtain or attempt to obtain any materials, documents or information through any means not purposely made available through the Site. For all intents and purposes, just consider this site open source. I don't care what you do with the data, and/or assets, available on this site.
<br><br>
You may attempt to gain unauthorized access to any portion or feature of the Site, or any other systems or networks connected to the Site, by hacking, password "mining" or any other illegitimate means. There are no unauthorized parts of this website, have fun.
<br><br>
All of that being said, feel free to explore and have fun, but please don't try to take my site down. </p>
<h4>Accessibility</h4>
<p>
As mentioned in the above section, any user is free to use any automated system to crawl this website, for whatever reason. In the context of accessibility, I'm mainly talking about screen readers. But this section doesn't exist just for me to say that users have the right to use a screen reader, that should be assumed. Mainly I just want to mention the things I've done with my site to try and make it more accessible. If you have any additional ideas, as to how I can make my site more accessible, please feel free to direct those to the <a href='/contact.html' title='Open bug report page'>bug report</a> page.
<br><br>
So what have I done to make the site more accessible? The main focus is making sure that my site is easy to navigate via they keyboard. This mainly involved adding title <tags> to any links, so that they can be read by screen-readers; and adding alternate text to <image> tags, for the same reason. I've also but some effort into the color-scheme on this site. I wan't to provide a reasonable amount of contrast for users with vision impairments. The site also functions with both a light and dark theme, that is triggered via a CSS media query, and should follow the operating system setting for the end user.
</p>
</div>
<footer>
<nav> <!--Secondary Site navigation-->
<a href='/gear.html'>Gear I Use</a>
<a href='/terms.html'>Terms & Privacy</a>
<a href='/contact.html'>Contact</a>
<a href='/bar.html'>My Bar</a>
<a href='/library.html'>My Library</a>
</nav>
<h4>Social Links</h4>
<div class="social">
<a href='https://youtube.com/channel/UCWh6YtclgTAzReTASc4uSKw' title='youtube/MACK' target='_blank'><i class="fab fa-youtube"></i></a>
<a href='https://github.com/makccr' title='github/makccr' target='_blank'><i class='fab fa-github'></i></a>
<a href='https://reddit.com/user/mack_criswell' title='reddit/mack_criswell' target='_blank'><i class='fab fa-reddit-alien'></i></a>
<a href='https://twitter.com/makccr' title='twitter/makccr' target='_blank'><i class='fab fa-twitter'></i></a>
<a href='https://snapchat.com/add/mack_criswell' title='snapchat/mack_criswell' target='_blank'><i class="fab fa-snapchat-ghost"></i></a>
<a href='https://odysee.com/@makc:a' title='Odysee Channel' target='_blank'><i class="fas fa-book-open"></i></a>
<a href='https://open.spotify.com/playlist/0py1J5FB6qM9bQBe8lLC1n' title='Pickled Red Onions' target='_blank'><i class='fab fa-spotify'></i></a>
</div>
<p>Copyright© 2012 - 2021 Mackenzie Criswell<br>All Rights Reserved.</p>
</footer>
</html>