tristan/blog-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Initial commit after seperating Blog from Blog-Site

Browse Source
This commit is contained in:
Tristan Ancelet 2023-11-07 13:43:55 -06:00
commit 413078db4c
8 changed files with 847 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
1693630800-hello-world.html Normal file
View File

@ -0,0 +1,67 @@
<!DOCTYPE html>
<html>
<head>
<link rel="Stylesheet" type="text/css" href="style.css">
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">
<title>Hello World</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<hr />
<p>
<a href="index.html">Index</a>
<hr />
</p>
<p>
<span id="-Date:"></span><strong id="Date:">Date:</strong> 2023/09/02
</p>
<p>
<span id="-Author:"></span><strong id="Author:">Author:</strong> Tristan Ancelet
</p>
<div id="Hello World"><h1 id="Hello World" class="header"><a href="#Hello World">Hello World</a></h1></div>
<hr />
<p>
Hello everyone, I'm terrible at things like blogging so I'll just start off with the basics. My name is Tristan Ancelet. I'm a technologist both in hobby and in work.
</p>
<p>
I am also a Systems Engineer and I dabble in software to automate portions of my work and to make administration and backup of my companies infrastructure much easier.
</p>
<div id="Hello World-My Journey So Far"><h2 id="My Journey So Far" class="header"><a href="#Hello World-My Journey So Far">My Journey So Far</a></h2></div>
<hr />
<p>
I started working in IT when I was 24, as a Network Tech for an ISP. In the next 2 years I then expanded into System Administration and eventually System Engineering.
</p>
<div id="Hello World-Goals"><h2 id="Goals" class="header"><a href="#Hello World-Goals">Goals</a></h2></div>
<hr />
<div id="Hello World-Goals-Long Term"><h3 id="Long Term" class="header"><a href="#Hello World-Goals-Long Term">Long Term</a></h3></div>
<hr />
<p>
As far as my goals going forward. My long term goal is to use this degree to become much more comfortable with development so that I can get into DevOps Engineering. As having experience with development and the associated technologies (Source Control/Git, GitLab, GitHub, etc) will allow me to expand my scope to encompass those topics more easily. Which will get me closer to that goal.
</p>
<div id="Hello World-Goals-Short Term"><h3 id="Short Term" class="header"><a href="#Hello World-Goals-Short Term">Short Term</a></h3></div>
<hr />
<p>
My short Term goals is to graduate with a bachelors in Computer Science. So that I will have more time to be able to focus on my career, and to give me more time to improve my health (due to a very stationary and sedentary job).
</p>
<div id="Hello World-This Blog"><h2 id="This Blog" class="header"><a href="#Hello World-This Blog">This Blog</a></h2></div>
<hr />
<p>
This blog is just something I whipped up with using VimWiki and some auto-generation bash scripts. I am focusing on reliable (and convenient) generation of the website and NOT visual appeal. I will eventually change to custom CSS so that the style is more unique and easier to look at. However, this is far from something I feel is a priority in the short term.
</p>
</body>
</html>

56
1693890000-blog-issue.html Normal file
View File

@ -0,0 +1,56 @@
<!DOCTYPE html>
<html>
<head>
<link rel="Stylesheet" type="text/css" href="style.css">
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">
<title>Blog Issue</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<hr />
<p>
<a href="index.html">Index</a> <a href="home/tristan/Blog/blog/hello-world.html">Hello World</a>
<hr />
</p>
<p>
<span id="-Date:"></span><strong id="Date:">Date:</strong> 2023/09/05
</p>
<p>
<span id="-Author:"></span><strong id="Author:">Author:</strong> Tristan Ancelet
</p>
<div id="Blog Issue"><h1 id="Blog Issue" class="header"><a href="#Blog Issue">Blog Issue</a></h1></div>
<div id="Blog Issue-DNS"><h2 id="DNS" class="header"><a href="#Blog Issue-DNS">DNS</a></h2></div>
<p>
Looks like my master DNS server was down for the last 3 days (didn't know until the teacher mentioned it). Had to end up taking a look at my provider and it looks like my master DNS server had crashed at some point. After restarting it I got everything started up and it seems to have come back up.
</p>
<p>
I had a backup DNS server as well, but after looking into the VM (that was still running), it turns out that I never whitelisted the DNS port (53/udp) on it. So it's entire life has been failure (as it's been the backup for several months). My thought is that I <span id="Blog Issue-DNS-DID"></span><strong id="DID">DID</strong> whitelist it but not perminately. So after a reboot it cleared the config and DNS traffic wasn't whitelisted it anymore.
</p>
<p>
Here is the commands it did to whitelist DNS (running firewalld as a device side firewall)
</p>
<pre bash>
firewall-cmd --perm --zone=public --add-service=dns
firewall-cmd --reload
</pre>
<p>
After checking that DNS was resolving with dig, I was able to visit my site with no more issues.
</p>
<pre bash>
dig blog.tristanancelet.com
</pre>
</body>
</html>

336
1698642000-first-ticket.html Normal file
View File

@ -0,0 +1,336 @@
<!DOCTYPE html>
<html>
<head>
<link rel="Stylesheet" type="text/css" href="style.css">
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">
<title>First Ticket</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<hr />
<p>
<a href="index.html">Index</a>
<hr />
</p>
<p>
last 5 posts
<hr />
</p>
<ul>
<li>
<a href="1693890000-blog-issue.html">Blog Issue</a>
<li>
<a href="1693630800-hello-world.html">Hello World</a>
</ul>
<p>
<span id="-Date:"></span><strong id="Date:">Date:</strong> 2023/10/30
</p>
<p>
<span id="-Author:"></span><strong id="Author:">Author:</strong> Tristan Ancelet
</p>
<div id="First Ticket"><h1 id="First Ticket" class="header"><a href="#First Ticket">First Ticket</a></h1></div>
<hr />
<p>
I finished my first ticket not too long ago. Was one involving front end work. Which is one of my weakest areas, especially since I've never done front-end work on Android UI before.
</p>
<p>
In my previous P&amp;P classes I've only ever done backend and API work (as that's my bread and butter working with enterprise applications at work). It unfortunately took me 2 weeks to complete my REFs (REF-219 &amp; REF-218), which kinda made me feel useless when my classmates finished multiple tickets (2-3+) in the same time it took me to finish one.
</p>
<div id="First Ticket-What was the ticket over?"><h2 id="What was the ticket over?" class="header"><a href="#First Ticket-What was the ticket over?">What was the ticket over?</a></h2></div>
<hr />
<p>
The ticket was about implementing both my REF (REF-218) "Recent Search Functionality" and another REF (REF-219) "Active Search Functionality"
</p>
<div id="First Ticket-What was the ticket over?-Recent Search Functionality (REF-218)"><h3 id="Recent Search Functionality (REF-218)" class="header"><a href="#First Ticket-What was the ticket over?-Recent Search Functionality (REF-218)">Recent Search Functionality (REF-218)</a></h3></div>
<hr />
<p>
This ticket was about implementing the recent search feature. Basically creating a RecyclerView adapter that would load in the users recent searches from disk, and would dynamically add and remove searches from the view as they are added to the search list (and then the adapters NotifyDataSetChanged() method that would cause the RecyclerView to refresh it's views afterwards.
</p>
<div id="First Ticket-What was the ticket over?-Recent Search Functionality (REF-218)-RecyclerView Adapter"><h4 id="RecyclerView Adapter" class="header"><a href="#First Ticket-What was the ticket over?-Recent Search Functionality (REF-218)-RecyclerView Adapter">RecyclerView Adapter</a></h4></div>
<hr />
<p>
Part of the REF was to create a custom adapter for the RecyclerView. Of which gave me the most issue. I've <span id="First Ticket-What was the ticket over?-Recent Search Functionality (REF-218)-RecyclerView Adapter-NEVER"></span><strong id="NEVER">NEVER</strong> done one before, much less done frontend work. Got some help from a classmate Robert Sale. He's a pretty experienced developer compared to me. He pointed me in the right direction and gave me some pseudo-code to help me understand the lifecycle of a RecyclerView. Which I didn't understand before this ticket.
</p>
<p>
For this I ended up making a copy-paste version of a generic adapter already present in the project. From there I made it less generic. Created my own version with some hardcoded variables (since there wasn't any need to complicate it anymore that it already was).
</p>
<pre java>
public class RecentSearchAdapter extends RecyclerView.Adapter&lt;RecentSearchAdapter.ViewHolder&gt; {
private static final String TAG = "RecentSearchAdapter";
public class ViewHolder extends RecyclerView.ViewHolder {
@BindView(R.id.recent_search_linear_layout)
LinearLayout layout;
@BindView(R.id.recent_search_textview)
TextView textView;
@BindView(R.id.recent_search_remove_button)
ImageView clearButtonImageView;
private ViewHolder(@NonNull View itemView) {
super(itemView);
ButterKnife.bind(this, itemView);
}
public void setText(String to) {
textView.setText(to);
}
}
LinkedList&lt;String&gt; data;
Consumer&lt;Integer&gt; clickedCallback;
Consumer&lt;Integer&gt; deleteCallback;
final static int rootLayout = R.layout.item_recent_searches;
public RecentSearchAdapter( LinkedList&lt;String&gt; data, Consumer&lt;Integer&gt; clickedCallback, Consumer&lt;Integer&gt; deleteCallback){
this.data = data;
this.clickedCallback = clickedCallback;
this.deleteCallback = deleteCallback;
}
@NonNull
@Override
public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
View view = LayoutInflater.from(parent.getContext()).inflate(rootLayout, parent, false);
return new ViewHolder(view);
}
@Override
public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
ViewHolder Holder = (ViewHolder) holder;
Holder.textView.setText(data.get(position));
Holder.textView.setOnClickListener((viewPos)-&gt;{clickedCallback.accept(position);});
Holder.clearButtonImageView.setOnClickListener((viewPos)-&gt;{deleteCallback.accept(position);});
}
@Override
public int getItemCount() {
return data.size();
}
}
</pre>
<p>
In the end it made more sense to handle the callback function as a lambda, as that can be formed in the main Fragment and then passed through to the constructor of the adapter.
</p>
<pre java>
LinearLayoutManager recentLayoutManager = new LinearLayoutManager(getContext(), RecyclerView.VERTICAL, false);
recentSearches = new RecentSearchFSUtil(getContext(), "" + CurrentUserManager.getInstance().getEchelonUser().getId());
LinkedList&lt;String&gt; recentSearchList = recentSearches.getRecentSearches();
recentSearchAdapter = new RecentSearchAdapter(
recentSearchList,
(position) -&gt;{
String term = recentSearchList.get(position);
searchBar.setText(term);
loadFirstPage(term);
},
(position) -&gt; {
recentSearchList.remove(position);
recentSearches.deleteSearch(position);
recentSearchAdapter.notifyDataSetChanged();
if (recentSearchAdapter.getItemCount() == 0)
recentSearchLayout.setVisibility(View.GONE);
}
);
recentSearchRV.setLayoutManager(recentLayoutManager);
recentSearchRV.setAdapter(recentSearchAdapter);
</pre>
<p>
<span id="First Ticket-What was the ticket over?-Recent Search Functionality (REF-218)-RecyclerView Adapter-Constructor in onActivityCreated method SearchFragment.java"></span><strong id="Constructor in onActivityCreated method SearchFragment.java">Constructor in onActivityCreated method SearchFragment.java</strong>
</p>
<p>
This would allow for the callbacks to be scoped with access to methods it wouldn't have access to otherwise.
</p>
<div id="First Ticket-What was the ticket over?-The Meeting"><h3 id="The Meeting" class="header"><a href="#First Ticket-What was the ticket over?-The Meeting">The Meeting</a></h3></div>
<hr />
<p>
Unfortunately during on of our bi-weekly meetings with the team, it only took our lead about 20 seconds to find a bug in the feature that I hadn't accounted for. He found this within moments after checking out my branch, which was very embarrasing, but it is what it is.
</p>
<p>
In the end the issue that was picked up by the lead was that my feature didn't store searches for any other sources other than physically typing into the search bar at the top of the screen of the app. The fix was to place my two method calls to add the search query and the callback to the loadFirstPage method. This was universally used accross all of the search types (Popular, Recent, Suggested, etc). It was just the one method that was used by all other parts of the search page. It was about 2 minutes and the bug had been fixed before QA could decide to send it back it was an issue lol.
</p>
<pre java>
public void loadFirstPage(String q) {
if (resultsList == null) {
resultsList = new ArrayList&lt;&gt;();
} else {
resultsList.clear();
}
recentSearches.resolveNewSearch(q); //call 1
recentSearchAdapter.notifyDataSetChanged(); //call 2
suggestedLayout.setVisibility(View.GONE);
loading.setVisibility(View.VISIBLE);
resultsList(q).enqueue(new Callback&lt;ContentSearchResultsResponse&gt;() {
@Override
public void onResponse(Call&lt;ContentSearchResultsResponse&gt; call, Response&lt;ContentSearchResultsResponse&gt; response) {
loading.setVisibility(View.GONE);
List&lt;ContentData&gt; data = fetchResults(response);
resultsList = data;
mAdapter.addAll(data);
updateResultsRv();
}
@Override
public void onFailure(Call&lt;ContentSearchResultsResponse&gt; call, Throwable t) {
loading.setVisibility(View.GONE);
}
});
}
</pre>
<div id="First Ticket-What was the ticket over?-Active Search Functionality (REF-219)"><h3 id="Active Search Functionality (REF-219)" class="header"><a href="#First Ticket-What was the ticket over?-Active Search Functionality (REF-219)">Active Search Functionality (REF-219)</a></h3></div>
<hr />
<p>
Comparatively, this REF was <span id="First Ticket-What was the ticket over?-Active Search Functionality (REF-219)-MUCH"></span><strong id="MUCH">MUCH</strong> simpler than REF-218. In this REF the active search functionality was to be implemented.
</p>
<p>
This is just making sure the correct behavior is implemented when the user begins to start typing in the search bar. Each of the different parts of the application had to react a different way depending on the state of the SearchBar (has focus, and if it has text in it).
</p>
<p>
On my side I just needed to make sure that the recent &amp; popular searches were to be set to GONE when there was text in the search bar &amp; in focus. To complete this I just had to add conditional statements in two parts of SearchFragment.
</p>
<p>
In the SearchBar's onSearchBarFocusChangeListener method I just had to make sure to hide it when the search bar was not in focus, or when it didn't have any recent searches to show.
</p>
<pre java>
View.OnFocusChangeListener onSearchBarFocusChangeListener() {
return (v, hasFocus) -&gt; {
searchFragmentState.setIsActiveState(hasFocus);
if (searchFragmentState.isActiveState &amp;&amp; searchFragmentState.searchTextLength == 0){
if (recentSearchAdapter.getItemCount() &gt; 0)
recentSearchLayout.setVisibility(View.VISIBLE);
} else {
recentSearchLayout.setVisibility(View.GONE);
}
};
}
</pre>
<p>
On the flip side of handling the behavior of the views based on if text is present in the search bar I put my conditionals in the afterTextChanged method in the onSearchBarTextChangedListener.
</p>
<p>
I just had to remember that the recent searches &amp; popular searches would need to be hidden when there is text in the search bar, and shown otherwise. The only exception would be for recent searches, and this is just to make sure it's GONE if there are no recent searches to show.
</p>
<pre java>
@Override
public void afterTextChanged(Editable editable) {
searchFragmentState.setSearchTextLength(editable.length());
if (searchFragmentState.searchTextLength &gt; 0) {
popularSearchLayout.setVisibility(View.GONE);
recentSearchLayout.setVisibility(View.GONE);
suggestedLayout.setVisibility(View.VISIBLE);
} else if (searchFragmentState.searchTextLength == 0) {
popularSearchLayout.setVisibility(View.VISIBLE);
if (recentSearchAdapter.getItemCount() &gt; 0)
recentSearchLayout.setVisibility(View.VISIBLE);
suggestedLayout.setVisibility(View.GONE);
}
}
</pre>
<div id="First Ticket-What was the ticket over?-Unexpected Changes"><h3 id="Unexpected Changes" class="header"><a href="#First Ticket-What was the ticket over?-Unexpected Changes">Unexpected Changes</a></h3></div>
<hr />
<p>
There were a few things I needed to change outside of my REF's to make sure everything looked according to our reference/plans.
</p>
<ol>
<li>
Had to alter one of the layouts becuase (recent_search_item) it was incorrectly laid out and sized. Which caused a lot of incorrect sizing of the recent searches when added to the RecyclerView. (Thanks to Robert for pointing this out and providing me with the correct attribute values)
<li>
Had to alter the "Recent Searches" layout xml in the SearchFragment. It wasn't sized properly and was causing the view to become scrollable instead of expanding in size to fill up the space taken up by items.
<ul>
<li>
This was another issue found by the lead when testing my branch.
</ul>
<li>
Had to add two methods to the RecentSearchFSUtil class that Robert made in conjunction to my REF's. Otherwise his utility worked perfect the rest of the time.
<ul>
<li>
getter method (getRecentSearches) to return the internally stored recentSearches list
<li>
delete method (deleteSearch) to remove a recent search by index in the list.
</ul>
</ol>
<div id="First Ticket-What was the ticket over?-Overall"><h3 id="Overall" class="header"><a href="#First Ticket-What was the ticket over?-Overall">Overall</a></h3></div>
<hr />
<p>
This class is going pretty well atm. It's slow unfortunately, since the actual company is prioritizing their main projects right now. Our features and requests/tickets are dried up with our senior members (and Robert as it seems) taking all of the tickets (and some that aren't even in our branch to do). Not that I'm complaining that I have nothing to do, as I have more than enough work to do at my day job. I rather enjoy not having things to do sometimes.
</p>
<div id="First Ticket-People Mentioned in this post"><h2 id="People Mentioned in this post" class="header"><a href="#First Ticket-People Mentioned in this post">People Mentioned in this post</a></h2></div>
<hr />
<table>
<thead>
<tr>
<th>
Name
</th>
<th>
Social Media
</th>
<th>
Website
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
Robert Sale
</td>
<td>
<a href="https://www.linkedin.com/in/robert-sale-83b5aa212">LinkedIn</a> Discord=@robertmsale
</td>
<td>
<a href="https://www.fieldfab.net/">Fieldfab</a>
</td>
</tr>
</tbody>
</table>
</body>
</html>

111
1699375988-ref-209-start.html Normal file
View File

@ -0,0 +1,111 @@
<!DOCTYPE html>
<html>
<head>
<link rel="Stylesheet" type="text/css" href="style.css">
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">
<title>REF-290: Start</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<hr />
<p>
<a href="index.html">Index</a>
<hr />
</p>
<p>
last 5 posts
<hr />
</p>
<ul>
<li>
<a href="1698642000-first-ticket.html">First Ticket</a>
<li>
<a href="1693890000-blog-issue.html">Blog Issue</a>
<li>
<a href="1693630800-hello-world.html">Hello World</a>
</ul>
<p>
<span id="-Date:"></span><strong id="Date:">Date:</strong> 2023/11/07
<span id="-Author:"></span><strong id="Author:">Author:</strong> Tristan Ancelet
</p>
<div id="REF-209"><h1 id="REF-209" class="header"><a href="#REF-209">REF-209</a></h1></div>
<p>
Picked up a new ticket. <span id="REF-209-REF-290: Update Colors on Error Cells"></span><strong id="REF-290: Update Colors on Error Cells">REF-290: Update Colors on Error Cells</strong>.
</p>
<div id="REF-209-What am I doing on it"><h2 id="What am I doing on it" class="header"><a href="#REF-209-What am I doing on it">What am I doing on it</a></h2></div>
<p>
Looks like this is to make make sure all "error" colors displayed (as an outline or as text color) are set to be '#fd6c5a'.
</p>
<div id="REF-209-What am I doing on it-What Have I done"><h3 id="What Have I done" class="header"><a href="#REF-209-What am I doing on it-What Have I done">What Have I done</a></h3></div>
<p>
After looking through the layout xml's I see that all of the errorColor's were all set to '#fd6c5a' manually, while '@color/text_error' was defined in colors.xml
</p>
<p>
After working on it a bit I poked at my lead (Bobby) to see what the scope of the ticket would include, as I did start going through and manually started changing errorTextColor in each layout that was needing to have it changed (from manual to the global color definition).
</p>
<p>
TL;DR:
</p>
<ul>
<li>
Defined errorEnabled, errorTextColor &amp; boxStrokeErrorColor in the TextInputLayoutStyle &amp; TextInputLayoutStyleTimeout styles.
<li>
Removed errorEnabled &amp; errorTextColor defined in:
<ul>
<li>
@+id/fragment_add_profile_email_layout (in fragment_add_new_profile.xml)
<li>
@+id/fragment_login_incorrect_details (in fragment_login.xml)
</ul>
</ul>
<div id="REF-209-What am I doing on it-What I have left to do"><h3 id="What I have left to do" class="header"><a href="#REF-209-What am I doing on it-What I have left to do">What I have left to do</a></h3></div>
<p>
I have to test the app and try to get to each individual section to test that each change has actually changed the colors in each area.
</p>
<div id="REF-209-People Mentioned In post"><h2 id="People Mentioned In post" class="header"><a href="#REF-209-People Mentioned In post">People Mentioned In post</a></h2></div>
<table>
<thead>
<tr>
<th>
Name
</th>
<th>
Notes
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
Bobby Whitley
</td>
<td>
Team Lead
</td>
</tr>
</tbody>
</table>
</body>
</html>

50
about-me.html Normal file
View File

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html>
<head>
<link rel="Stylesheet" type="text/css" href="style.css">
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">
<title>About Me</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<hr />
<p>
<a href="index.html">Index</a>
<hr />
</p>
<p>
<img src="../../../../images/tristan.jpg" alt="Image of Tristan" />
</p>
<div id="Who Am I"><h2 id="Who Am I" class="header"><a href="#Who Am I">Who Am I</a></h2></div>
<hr />
<p>
I am Tristan Ancelet, an aspiring technologist. I enjoy working with both software and operating systems. I work as a Systems Engineer in my day job for an ISP, in this job I do both Engineering work and Administration Work. In this position I also leverage ansible and create software to help automate portions of my job so that I can cut down the time I have to spend administrating our systems.
</p>
<div id="Other Links"><h2 id="Other Links" class="header"><a href="#Other Links">Other Links</a></h2></div>
<hr />
<ul>
<li>
<a href="https://www.linkedin.com/in/tristan-ancelet/">LinkedIn</a>
<li>
<a href="https://github.com/TristanAncelet">GitHub</a>
<li>
<a href="https://github.com/TristanAncelet/BlogGenerator">GitHub Repo for this Project</a>
<li>
<a href="https://git.arcanium.tech/tristan">My GitServer</a>
</ul>
</body>
</html>

BIN
images/tristan.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 116 KiB

40
index.html Normal file
View File

@ -0,0 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<link rel="Stylesheet" type="text/css" href="style.css">
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">
<title>Blog Index</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<hr />
<p>
<a href="about-me.html">About Me</a>
<hr />
</p>
<p>
## Blog Posts
<hr />
</p>
<ul>
<li>
<a href="1699375988-ref-209-start.html">2023/11/07 - REF-290: Start</a>
<li>
<a href="1698642000-first-ticket.html">2023/10/30 - First Ticket</a>
<li>
<a href="1693890000-blog-issue.html">2023/09/05 - Blog Issue</a>
<li>
<a href="1693630800-hello-world.html">2023/09/02 - Hello World</a>
</ul>
</body>
</html>

187
style.css Normal file
View File

@ -0,0 +1,187 @@
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;;
margin: 2em 4em 2em 4em;
font-size: 120%;
line-height: 130%;
}
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
line-height:100%;
margin-top: 1.5em;
margin-bottom: 0.5em;
}
h1 {font-size: 2em; color: #000000;}
h2 {font-size: 1.8em; color: #404040;}
h3 {font-size: 1.6em; color: #707070;}
h4 {font-size: 1.4em; color: #909090;}
h5 {font-size: 1.2em; color: #989898;}
h6 {font-size: 1em; color: #9c9c9c;}
p, pre, blockquote, table, ul, ol, dl {
margin-top: 1em;
margin-bottom: 1em;
}
ul ul, ul ol, ol ol, ol ul {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
li { margin: 0.3em auto; }
ul {
margin-left: 2em;
padding-left: 0;
}
dt { font-weight: bold; }
img { border: none; border-radius: 5px; width: 25%; }
pre {
border-left: 5px solid #dcdcdc;
background-color: #f5f5f5;
padding-left: 1em;
font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
font-size: 0.8em;
border-radius: 6px;
}
p > a {
color: white;
text-decoration: none;
font-size: 0.7em;
padding: 3px 6px;
border-radius: 3px;
background-color: #1e90ff;
text-transform: uppercase;
font-weight: bold;
}
p > a:hover {
color: #dcdcdc;
background-color: #484848;
}
li > a {
color: #1e90ff;
font-weight: bold;
text-decoration: none;
}
li > a:hover { color: #ff4500; }
blockquote {
color: #686868;
font-size: 0.8em;
line-height: 120%;
padding: 0.8em;
border-left: 5px solid #dcdcdc;
}
th, td {
border: 1px solid #ccc;
padding: 0.3em;
}
th { background-color: #f0f0f0; }
hr {
border: none;
border-top: 1px solid #ccc;
width: 100%;
}
del {
text-decoration: line-through;
color: #777777;
}
.toc li { list-style-type: none; }
.todo {
font-weight: bold;
background-color: #ff4500 ;
color: white;
font-size: 0.8em;
padding: 3px 6px;
border-radius: 3px;
}
.justleft { text-align: left; }
.justright { text-align: right; }
.justcenter { text-align: center; }
.center {
margin-left: auto;
margin-right: auto;
}
.tag {
background-color: #eeeeee;
font-family: monospace;
padding: 2px;
}
.header a {
text-decoration: none;
color: inherit;
}
/* classes for items of todo lists */
.rejected {
/* list-style: none; */
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAACXBIWXMAAADFAAAAxQEdzbqoAAAAB3RJTUUH4QgEFhAtuWgv9wAAAPZQTFRFmpqam5iYnJaWnJeXnpSUn5OTopCQpoqKpouLp4iIqIiIrYCAt3V1vW1tv2xsmZmZmpeXnpKS/x4e/x8f/yAg/yIi/yQk/yUl/yYm/ygo/ykp/yws/zAw/zIy/zMz/zQ0/zU1/zY2/zw8/0BA/0ZG/0pK/1FR/1JS/1NT/1RU/1VV/1ZW/1dX/1pa/15e/19f/2Zm/2lp/21t/25u/3R0/3p6/4CA/4GB/4SE/4iI/46O/4+P/52d/6am/6ur/66u/7Oz/7S0/7e3/87O/9fX/9zc/93d/+Dg/+vr/+3t/+/v//Dw//Ly//X1//f3//n5//z8////gzaKowAAAA90Uk5T/Pz8/Pz8/Pz8/Pz8/f39ppQKWQAAAAFiS0dEEnu8bAAAAACuSURBVAhbPY9ZF4FQFEZPSKbIMmWep4gMGTKLkIv6/3/GPbfF97b3w17rA0kQOPgvAeHW6uJ6+5h7HqLdwowgOzejXRXBdx6UdSru216xuOMBHHNU0clTzeSUA6EhF8V8kqroluMiU6HKcuf4phGPr1o2q9kYZWwNq1qfRRmTaXpqsyjj17KkWCxKBUBgXWueHIyiAIg18gsse4KHkLF5IKIY10WQgv7fOy4ST34BRiopZ8WLNrgAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: 0 .2em;
padding-left: 1.5em;
}
.done0 {
/* list-style: none; */
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAxQAAAMUBHc26qAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAA7SURBVCiR7dMxEgAgCANBI3yVRzF5KxNbW6wsuH7LQ2YKQK1mkswBVERYF5Os3UV3gwd/jF2SkXy66gAZkxS6BniubAAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
background-position: 0 .2em;
padding-left: 1.5em;
}
.done1 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAxQAAAMUBHc26qAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABtSURBVCiR1ZO7DYAwDER9BDmTeZQMFXmUbGYpOjrEryA0wOvO8itOslFrJYAug5BMM4BeSkmjsrv3aVTa8p48Xw1JSkSsWVUFwD05IqS1tmYzk5zzae9jnVVVzGyXb8sALjse+euRkEzu/uirFomVIdDGOLjuAAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: 0 .15em;
padding-left: 1.5em;
}
.done2 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAxQAAAMUBHc26qAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAB1SURBVCiRzdO5DcAgDAVQGxjAYgTvxlDIu1FTIRYAp8qlFISkSH7l5kk+ZIwxKiI2mIyqWoeILYRgZ7GINDOLjnmF3VqklKCUMgTee2DmM661Qs55iI3Zm/1u5h9sm4ig9z4ERHTFzLyd4G4+nFlVrYg8+qoF/c0kdpeMsmcAAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position: 0 .15em;
padding-left: 1.5em;
}
.done3 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAxQAAAMUBHc26qAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAABoSURBVCiR7dOxDcAgDATA/0DtUdiKoZC3YhLkHjkVKF3idJHiztKfvrHZWnOSE8Fx95RJzlprimJVnXktvXeY2S0SEZRSAAAbmxnGGKH2I5T+8VfxPhIReQSuuY3XyYWa3T2p6quvOgGrvSFGlewuUAAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
background-position: 0 .15em;
padding-left: 1.5em;
}
.done4 {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAzgAAAM4BlP6ToAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIISURBVDiNnZQ9SFtRFMd/773kpTaGJoQk1im4VDpWQcTNODhkFBcVTCNCF0NWyeDiIIiCm82QoIMIUkHUxcFBg1SEQoZszSat6cdTn1qNue92CMbEr9Sey+XC/Z/zu+f8h6ukUil3sVg0+M+4cFxk42/jH2wAqqqKSCSiPQdwcHHAnDHH9s/tN1h8V28ETdP+eU8fT9Nt62ancYdIPvJNtsu87bmjrJlrTDVM4RROJs1JrHPrD4Bar7A6cpc54iKOaTdJXCUI2UMVrQZ0Js7YPN18ECKkYNQcJe/OE/4dZsw7VqNXQMvHy3QZXQypQ6ycrtwDjf8aJ+PNEDSCzLpn7+m2pD8ZKHlKarYhy6XjEoCYGcN95qansQeA3fNdki+SaJZGTMQIOoL3W/Z89rxv+tokubNajlvk/vm+LFpF2XnUKZHI0I+QrI7Dw0OZTqdzUkpsM7mZTyfy5OPGyw1tK7AFSvmB/Ks8w8YwbUYbe6/3QEKv0vugfxWPnMLJun+d/kI/WLdizpNjMbAIKrhMF4OuwadBALqqs+RfInwUvuNi+fBd+wjogfogAFVRmffO02q01mZZ0HHdgXIzdz0QQLPezIQygX6llxNKKgOFARYCC49CqhoHIUTlss/Vx2phlYwjw8j1CAlfAiwQiJpiy7o1VHnsG5FISkoJu7Q/2YmmaV+i0ei7v38L2CBguSi5AAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: 0 .15em;
padding-left: 1.5em;
}
code {
font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 0px 3px;
display: inline-block;
color: #52595d;
border: 1px solid #ccc;
background-color: #f9f9f9;
}