<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>Vuyo.dev</title>
    <description>Vuyo is passionate about leveraging software and data to solve real-world problems..</description>
    <link>https://vkwakweni.github.io/</link>
    <atom:link href="https://vkwakweni.github.io/feed.xml" rel="self" type="application/rss+xml"/>
    <pubDate>Sun, 12 Jul 2026 14:24:12 +0000</pubDate>
    <lastBuildDate>Sun, 12 Jul 2026 14:24:12 +0000</lastBuildDate>
    <generator>Jekyll v4.3.4</generator>

    
      <item>
        <title>Heads of Government Wikipedia Page Sentiment Analysis Using R (Part 1)</title>
        <description>&lt;head&gt;
    &lt;script type=&quot;text/javascript&quot; src=&quot;https://www.maths.nottingham.ac.uk/plp/pmadw/LaTeXMathML.js&quot;&gt;
    &lt;/script&gt;
&lt;/head&gt;

&lt;h2 id=&quot;introduction&quot;&gt;Introduction&lt;/h2&gt;

&lt;p&gt;As a budding data scientist, I have been uncertain how I can develop my skills independently. While LLMs today largely allow for many researchers to perform high quality text classification and cleaning, I have struggled with thinking how I can apply these tools.&lt;/p&gt;

&lt;p&gt;In an attempt to answer this question, below is the first of a three part series on sentiment analysis. With this series, I’ll explore the limitations of traditional methods, equip myself with the theoretical foundation of LLMs, and eventually integrate an LLM. For this, I have chosen the popular statistical computing language R.&lt;/p&gt;

&lt;p&gt;Why choose R? Well, mostly because I wanted re-familiarise myself with the language. Secondly, I wanted to explore how the language fits into the new data analysis paradigm. I’ll further explore this in parts 2 and 3.&lt;/p&gt;

&lt;p&gt;The subject of this sentiment analysis is one of my favourite projects, Wikipedia. I find the breadth of its volunteer network and the work they are able to accomplish to be a realisation of what the internet was imagined to be. Therefore, as I set out my journey into sentiment analysis, I thought I would start there.&lt;/p&gt;

&lt;p&gt;This post forms the first part of a three-part series on sentiment analysis. This first part will be a naive analysis, where we will simply parse the raw text and use the NRC Emotion Lexicon to get an idea of the sentiment. I will discuss naive sentiment analysis, the data of which I made use, and finally a visualisation of my conclusions. This analysis has been developed in R, to tease out its capabilities in sentiment analysis.&lt;/p&gt;

&lt;p&gt;The second part will be an investigation into utilising LLM with R, using the Wikipedia pages of heads of government as a case study. The final part will be a text classification of the Wipageskipedia, finding the highlights and main topics of the text.&lt;/p&gt;

&lt;h2 id=&quot;what-is-sentiment-analysis&quot;&gt;What is Sentiment Analysis?&lt;/h2&gt;

&lt;p&gt;Sentiment analysis is the use of natural language processing and machine learning to systematically identify and classify the emotional quality (positive or negative) of a text. Here is a breakdown of this definition:&lt;/p&gt;
&lt;ul&gt;
  &lt;li&gt;&lt;strong&gt;Sentiment&lt;/strong&gt;: a view or opinion that is held or expressed&lt;/li&gt;
  &lt;li&gt;&lt;strong&gt;Natural language&lt;/strong&gt;: language developed organically, for speaking, writing, and reading by humans.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;There can be varied workflows for sentiment analysis, depending on what tools you leverage, but here I outline what I think is the essential workflow:&lt;/p&gt;

&lt;ol&gt;
  &lt;li&gt;You collect text data&lt;/li&gt;
  &lt;li&gt;Once you’ve processed the data to your ideal atomic unit, attach a sentiment to each unit (the most naive approach is to separate it into individual words).&lt;/li&gt;
  &lt;li&gt;You derive analysis scores and benchmarks from the labelled data.&lt;/li&gt;
&lt;/ol&gt;

&lt;h3 id=&quot;sentiment-analysis-in-r&quot;&gt;Sentiment Analysis in R&lt;/h3&gt;

&lt;p&gt;R’s strong statistical analysis capacity is largely supplemented by packages. During the process of implementing my project goals and copy-pasting between drafts, it was easy to lose sight of which packages were useful. Therefore, below I’ve included a list of the packages I’ve used for this sentiment analysis with some explanations on how they were useful to me.&lt;/p&gt;

&lt;div class=&quot;language-R highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;n&quot;&gt;library&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;readr&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;c1&quot;&gt;# for reading files&lt;/span&gt;&lt;span class=&quot;w&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;library&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;lubridate&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;c1&quot;&gt;# for working with dates&lt;/span&gt;&lt;span class=&quot;w&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;library&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;dplyr&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;c1&quot;&gt;# for data frame manipulation&lt;/span&gt;&lt;span class=&quot;w&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;library&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;stringr&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;c1&quot;&gt;# for working with strings&lt;/span&gt;&lt;span class=&quot;w&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;library&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;tibble&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;c1&quot;&gt;# having tibble (similar to dataframes) objects&lt;/span&gt;&lt;span class=&quot;w&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;library&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;tidytext&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;c1&quot;&gt;# this is where stop_words comes from&lt;/span&gt;&lt;span class=&quot;w&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;library&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;data.table&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;c1&quot;&gt;# helpful for combining data structures to data frames&lt;/span&gt;&lt;span class=&quot;w&quot;&gt;
&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;library&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;httr2&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;c1&quot;&gt;# for web scraping&lt;/span&gt;&lt;span class=&quot;w&quot;&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;This was my first time doing my own sentiment analysis, so my only experience is with R, but I hope in later posts to make comparisons between it and other languages.&lt;/p&gt;

&lt;h2 id=&quot;data-policies-parsing-and-supplementing&quot;&gt;Data: Policies, Parsing, and Supplementing&lt;/h2&gt;

&lt;p&gt;For this sentiment analysis, I wanted to look at the sentiment of the Wikipedia pages of heads of government in the years 2002 and 2020. To achieve, I needed three kind of datasets: heads of government, Wikipedia text, and a word-emotion dictionary.&lt;/p&gt;

&lt;p&gt;Two-thirds of the data I needed required some level of web scraping. Previously, I have done small scale web scraping, so I did not so much concern myself with terms of service policies. But, as I was doing this project with this post in mind, I thought let me dot my i’s and cross my t’s here.&lt;/p&gt;

&lt;h3 id=&quot;heads-of-government&quot;&gt;Heads of Government&lt;/h3&gt;

&lt;p&gt;The first step in data mining was looking for heads of government; these are the objects of our analysis. Given the early development of this project, I chose a dataset that presented the most parse-able format. Using &lt;a href=&quot;https://www.johanneslindvall.org/data.html#:~:text=The%20*Heads%20of%20Government%20Dataset*%20is%20a,.dta%20*%20Country%2Dyear%20.dta%20*%20Country%2Dyear%20.csv&quot;&gt;Brambor et al.’s &lt;em&gt;The Heads of Government Dataset&lt;/em&gt;&lt;/a&gt;, I was able to get information on the heads of government in 33 countries in 2002 and 2020. The parsing script for this can be found in &lt;a href=&quot;https://github.com/vkwakweni/sentiments/blob/main/naive-parsing-hog.R&quot;&gt;naive-parsing-hog&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;I was very surprised to see that there was no unified, mostly exhaustive historical dataset of heads of governments. Most of the ones I was able to find were websites, which would require a script for scraping. Perhaps the closest I got to access an exhaustive list with a clean UI was the US’s CIA website, but they don’t allow web scraping as part of their terms of service.&lt;/p&gt;

&lt;p&gt;Brambor et al.’s dataset was quite clean, so processing it was quite simple. However, I did spend about 30 minutes confounded by why &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;dplyr::group_by()&lt;/code&gt; was not working as I expected it. My understanding of it was that it changed the order of the data. But after hopping through several articles, someone used &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;arrange()&lt;/code&gt;. From there, I was able to backtrack my misunderstanding.&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;
    &lt;p&gt;&lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;dplyr::group_by()&lt;/code&gt; groups a table into a sections, and data operations (e.g. mean for height of people, grouped by country) are performed on each group separately&lt;/p&gt;
  &lt;/li&gt;
  &lt;li&gt;
    &lt;p&gt;Using &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;arrange()&lt;/code&gt; in conjuction means that we order the rows using our previously defined group.&lt;/p&gt;
  &lt;/li&gt;
&lt;/ul&gt;

&lt;h3 id=&quot;wikipedia&quot;&gt;Wikipedia&lt;/h3&gt;

&lt;p&gt;Through Wikipedia’s RESTful API, I was able to get the HTML of the desired pages. From there, I just parsed for paragraph elements, &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;&amp;lt;p&amp;gt;&lt;/code&gt;, since that was where the majority of relevant content lay.&lt;/p&gt;

&lt;p&gt;The workflow for Wikipedia parsing was split into two functions: &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;get_html_from_title&lt;/code&gt; for using a head of government’s name to get the HTML from their wikipedia page, and &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;clean_hog_wiki&lt;/code&gt; for joining all the paragraphs and filtering out non-alphanumeric characters, paragraph breaks, and Wikipedia’s reference (e.g. &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;[43]&lt;/code&gt;).&lt;/p&gt;

&lt;p&gt;Following, I converted the text into a dataframe, with the distinct words of the text in one column (one per row) and the name of the head of government in the other.&lt;/p&gt;

&lt;p&gt;With the parsing of the data, we were now ready for sentiment analysis.&lt;/p&gt;

&lt;h3 id=&quot;supplementing&quot;&gt;Supplementing&lt;/h3&gt;

&lt;p&gt;While I did not do it at this stage, I do feel like it’s worth speaking about supplementing one’s main data source. The main goal behind sentiment analysis is to get an idea of the feelings of the public towards a particular person, event, or organisation. The reason I chose Wikipedia was because I was curious about what a naive sentiment analysis would yield.&lt;/p&gt;

&lt;p&gt;I’ll speak more about it in the conclusions and visualisation section, but I’ll state briefly here that the most common feeling from Wikipedia articles about heads of government was “trust”. At this stage, we can hypothesise about the reasons for this. My main one is that the vocabulary of politics obviously common in pages about a political figure may, removed from context, have the trust sentiment assigned to them, since they speak of structured things.&lt;/p&gt;

&lt;p&gt;This immediately shows the pitfalls of a naive analysis of any text: it is more the usage of the words than the words themselves that produce an emotional response. In the second part of this sentiment analysis series, we will explore how we may bridge that gap using R, traditional sentiment analysis and large language models.&lt;/p&gt;

&lt;h2 id=&quot;analysis&quot;&gt;Analysis&lt;/h2&gt;

&lt;p&gt;This section follows the script &lt;a href=&quot;https://github.com/vkwakweni/sentiments/blob/main/naive-analysis.R&quot;&gt;naive-analysis-hog&lt;/a&gt;, explaining the different data objects created and their intended use.&lt;/p&gt;

&lt;p&gt;For this naive sentiment analysis, I used the NRC Emotion Lexicon for labelling words with sentiments. For ease, I used the &lt;a href=&quot;https://ladal.edu.au/tutorials/sentiment/sentiment.html&quot;&gt;already processed version&lt;/a&gt; by &lt;em&gt;Language Technology and Data Analysis Laboratory&lt;/em&gt;, which had a shape of &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;13872x2&lt;/code&gt;, loading it with this comamnd:&lt;/p&gt;

&lt;div class=&quot;language-R highlighter-rouge&quot;&gt;&lt;div class=&quot;highlight&quot;&gt;&lt;pre class=&quot;highlight&quot;&gt;&lt;code&gt;&lt;span class=&quot;n&quot;&gt;nrc&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;o&quot;&gt;&amp;lt;-&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;n&quot;&gt;readRDS&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;n&quot;&gt;url&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;https://slcladal.github.io/data/nrc.rda&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;w&quot;&gt; &lt;/span&gt;&lt;span class=&quot;s2&quot;&gt;&quot;rb&quot;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;))&lt;/span&gt;&lt;span class=&quot;w&quot;&gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;

&lt;p&gt;It contains two columns, &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;word&lt;/code&gt; and &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;sentiment&lt;/code&gt;:&lt;/p&gt;
&lt;table style=&quot;border-collapse:collapse;&quot; class=&quot;table_3674&quot; border=&quot;1&quot;&gt;
&lt;thead&gt;
&lt;tr&gt;
  &lt;th id=&quot;tableHTML_header_1&quot;&gt;word&lt;/th&gt;
  &lt;th id=&quot;tableHTML_header_2&quot;&gt;sentiment&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
  &lt;td id=&quot;tableHTML_column_1&quot;&gt;abacus&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_2&quot;&gt;trust&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td id=&quot;tableHTML_column_1&quot;&gt;abandon&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_2&quot;&gt;fear&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td id=&quot;tableHTML_column_1&quot;&gt;abandon&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_2&quot;&gt;negative&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td id=&quot;tableHTML_column_1&quot;&gt;abandon&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_2&quot;&gt;sadness&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td id=&quot;tableHTML_column_1&quot;&gt;abandoned&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_2&quot;&gt;anger&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td id=&quot;tableHTML_column_1&quot;&gt;abandoned&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_2&quot;&gt;fear&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;i&gt; Table 1. &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;nrc&lt;/code&gt;.&lt;/i&gt;&lt;/p&gt;

&lt;p&gt;With &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;hog_annotations&lt;/code&gt;, we now have a table that has a head of government, words found in their Wikipedia page (hereafter “text”), and the sentiment of each word. With this, we are now able to derive statistics about the sentiment. I have done it in the following ways:&lt;/p&gt;

&lt;ul&gt;
  &lt;li&gt;The percentage of the prevalence of emotions within a text&lt;/li&gt;
  &lt;li&gt;The polarity of a text&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The percentage was calculated by getting the frequency of a sentiment across text, including those that were not categorised. From this attribute, we can get a picture of what these pages are written about; we can also see the distribution. The result of this process is &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;percentage_hog&lt;/code&gt;, with shape &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;650x5&lt;/code&gt;:&lt;/p&gt;

&lt;table style=&quot;border-collapse:collapse;&quot; class=&quot;table_3033&quot; border=&quot;1&quot;&gt;
&lt;thead&gt;
&lt;tr&gt;
  &lt;th id=&quot;tableHTML_header_1&quot;&gt;hog&lt;/th&gt;
  &lt;th id=&quot;tableHTML_header_2&quot;&gt;sentiment&lt;/th&gt;
  &lt;th id=&quot;tableHTML_header_3&quot;&gt;sentiment_freq&lt;/th&gt;
  &lt;th id=&quot;tableHTML_header_4&quot;&gt;words&lt;/th&gt;
  &lt;th id=&quot;tableHTML_header_5&quot;&gt;percentage&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
  &lt;td id=&quot;tableHTML_column_1&quot;&gt;Abel_Pacheco_de_la_Espriella&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_2&quot;&gt;anger&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_3&quot;&gt;4&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_4&quot;&gt;231&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_5&quot;&gt;1.7&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td id=&quot;tableHTML_column_1&quot;&gt;Abel_Pacheco_de_la_Espriella&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_2&quot;&gt;anticipation&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_3&quot;&gt;14&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_4&quot;&gt;231&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_5&quot;&gt;6.1&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td id=&quot;tableHTML_column_1&quot;&gt;Abel_Pacheco_de_la_Espriella&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_2&quot;&gt;fear&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_3&quot;&gt;3&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_4&quot;&gt;231&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_5&quot;&gt;1.3&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td id=&quot;tableHTML_column_1&quot;&gt;Abel_Pacheco_de_la_Espriella&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_2&quot;&gt;joy&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_3&quot;&gt;7&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_4&quot;&gt;231&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_5&quot;&gt;3&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td id=&quot;tableHTML_column_1&quot;&gt;Abel_Pacheco_de_la_Espriella&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_2&quot;&gt;negative&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_3&quot;&gt;8&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_4&quot;&gt;231&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_5&quot;&gt;3.5&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td id=&quot;tableHTML_column_1&quot;&gt;Abel_Pacheco_de_la_Espriella&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_2&quot;&gt;positive&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_3&quot;&gt;26&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_4&quot;&gt;231&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_5&quot;&gt;11.3&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;i&gt;Table 2. &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;percentage_hog&lt;/code&gt;.&lt;/i&gt;&lt;/p&gt;

&lt;p&gt;For the polarity of a text, we used this formula for polarity:
&lt;br /&gt;&lt;/p&gt;
&lt;p align=&quot;center&quot;&gt;$ \frac{#  of positive mentions - # of negative mentions}{total # of mentions} $&lt;/p&gt;

&lt;p&gt;This processed resulted in &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;polarity_hog&lt;/code&gt;, with shape &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;66x2&lt;/code&gt; (33 countries, 2 leaders each):&lt;/p&gt;

&lt;table style=&quot;border-collapse:collapse;&quot; class=&quot;table_2891&quot; border=&quot;1&quot;&gt;
&lt;thead&gt;
&lt;tr&gt;
  &lt;th id=&quot;tableHTML_header_1&quot;&gt;hog&lt;/th&gt;
  &lt;th id=&quot;tableHTML_header_2&quot;&gt;polarity&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
  &lt;td id=&quot;tableHTML_column_1&quot;&gt;Abel_Pacheco_de_la_Espriella&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_2&quot;&gt;0.191011235955056&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td id=&quot;tableHTML_column_1&quot;&gt;Alberto_Fernández&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_2&quot;&gt;0.0986159169550173&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td id=&quot;tableHTML_column_1&quot;&gt;Alejandro_Toledo&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_2&quot;&gt;0.212958551691282&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td id=&quot;tableHTML_column_1&quot;&gt;Anders_Fogh_Rasmussen&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_2&quot;&gt;0.0787309048178613&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td id=&quot;tableHTML_column_1&quot;&gt;Andrés_Manuel_López_Obrador&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_2&quot;&gt;0.0672241878417498&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
  &lt;td id=&quot;tableHTML_column_1&quot;&gt;Andrés_Pastrana_Arango&lt;/td&gt;
  &lt;td id=&quot;tableHTML_column_2&quot;&gt;0.15&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;i&gt;Table 3. &lt;code class=&quot;language-plaintext highlighter-rouge&quot;&gt;polarity_hog&lt;/code&gt;.&lt;/i&gt;&lt;/p&gt;

&lt;h3 id=&quot;results&quot;&gt;Results&lt;/h3&gt;

&lt;p&gt;For each sentiment, we can see that “trust” was the most prevalent emotion in texts, at about 8%.&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/img/posts/mean_pct.png&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;

&lt;p&gt;The range of polarity scores can be from $-1$ to $+1$, but there were no values above 0.4 and only two below 0 (Jair Bolsonaro at $-0.0663$ and Kostas Simitis at $-0.0163$), with the majority between $0$ and $0.25$, and a mean of $0.12$. From this naive analysis, one could suppose then that their pages are written in a neutral manner.&lt;/p&gt;

&lt;p&gt;Moreover, to show that data analysis is a really a cycle instead of a straight line, I’ll discuss one parsing mistake that only became evident while I was checking the polarity.&lt;/p&gt;

&lt;p&gt;Initially, I had a graph that look liked this:&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/img/posts/error-polarity.png&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;

&lt;p&gt;Someone having a polarity of $1$ was extremely odd because it meant that they had only positive words in their Wikipedia page, which was impossible. Going back, I saw that “Carlos Alvarado” (the Costa Rican president in 2020) had only 13 words. By checking the Wikipedia link myself, I saw that the title “Carlos Alvarado” goes to a disambiguation page on Wikipedia. I had to manually modify his name to “Carlos Alvarado Quesada”, which yielded the more accurate:&lt;/p&gt;

&lt;p&gt;&lt;img src=&quot;/assets/img/posts/polarity.png&quot; alt=&quot;&quot; /&gt;&lt;/p&gt;

&lt;h2 id=&quot;conclusion&quot;&gt;Conclusion&lt;/h2&gt;

&lt;p&gt;In this blog post, I discussed a sentiment analysis of the Wikipedia pages of 66 heads of government from 33 countries for years 2002 and 2020. Being the first part of an investigation into sentiment analysis, this served as foray into the space.&lt;/p&gt;

&lt;p&gt;It was seen that trust was the most prevalent emotion in the texts, but this can also be explained by the vocabulary of politics being associated with trust. We finally looked at the polarity of each text, and we saw that 95% of the texts were between 0 and 0.25, and the remaining 5% were less than 0.1 outside that boundary.&lt;/p&gt;

&lt;p&gt;Despite these simple results, I found this analysis an extremely useful task. I was able to gain familiarity with R using manageable data. I have many more questions about the language now. In this analysis, I mainly used R as a sequential language. On the one hand, as I’ve experienced with other small data science project, defining a function can be more trouble than its worth. But, any project bigger than a semester of work needs a more structured approach. Thus, going forward, I may explore OOP principles within R, and see if it’s appropriate.&lt;/p&gt;

&lt;p&gt;Part II is upcoming in March!&lt;/p&gt;
</description>
        <pubDate>Thu, 12 Feb 2026 00:00:00 +0000</pubDate>
        <link>https://vkwakweni.github.io/blog/hog-wiki-analysis/</link>
        <guid isPermaLink="true">https://vkwakweni.github.io/blog/hog-wiki-analysis/</guid>
      </item>
    

    
      
        
      
    
      
    
      
        
          <item>
            <title></title>
            <description>&lt;h3&gt;   &lt;/h3&gt;

&lt;div id=&quot;categories&quot;&gt;

  &lt;div class=&quot;category-box&quot;&gt;
    
    &lt;div id=&quot;#data-science&quot;&gt;&lt;/div&gt;
    &lt;h4 class=&quot;category-head&quot;&gt;&lt;a href=&quot;/blog/categories/data-science&quot;&gt;data-science&lt;/a&gt;&lt;/h4&gt;
    &lt;a name=&quot;data-science&quot;&gt;&lt;/a&gt;
     
    &lt;article class=&quot;center&quot;&gt;
      &lt;h6&gt;&lt;a href=&quot;/blog/hog-wiki-analysis/&quot;&gt;Heads of Government Wikipedia Page Sentiment Analysis Using R (Part 1)&lt;/a&gt;&lt;/h6&gt;
    &lt;/article&gt;


    

  &lt;/div&gt;

&lt;/div&gt;

</description>
            <link>https://vkwakweni.github.io/blog/categories/</link>
          </item>
        
      
    
      
    
      
    
      
        
          <item>
            <title>Guides</title>
            <description>&lt;h5&gt; Posts by Category : {{ page.title }} &lt;/h5&gt;

&lt;div class=&quot;card&quot;&gt;
{% for post in site.categories.guides %}
 &lt;li class=&quot;category-posts&quot;&gt;&lt;span&gt;{{ post.date | date_to_string }}&lt;/span&gt; &amp;nbsp; &lt;a href=&quot;{{ post.url }}&quot;&gt;{{ post.title }}&lt;/a&gt;&lt;/li&gt;
{% endfor %}
&lt;/div&gt;</description>
            <link>https://vkwakweni.github.io/blog/categories/guides/</link>
          </item>
        
      
    
      
    
      
    
      
    
      
        
          <item>
            <title>Get Started</title>
            <description>## Getting Started - How to use “devlopr-jekyll” theme

## What&apos;s Jekyll ?

If you aren’t familiar with Jekyll yet, you should know that it is a static site generator. It will transform your plain text into static websites and blogs. No more databases, slow loading websites, risk of being hacked…just your content. And not only that, with Jekyll you get free hosting with GitHub Pages! If you are a beginner we recommend you start with [Jekyll’s Docs](https://jekyllrb.com/docs/installation/). Now, if you know how to use Jekyll, let’s move on to using this theme in Jekyll:

## Watch Tutorial

&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/cXBEfpn0qrg?rel=0&amp;amp;controls=0&amp;amp;showinfo=0&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&quot; allowfullscreen&gt;&lt;/iframe&gt;


### Steps to create your blog using devlopr-jekyll and Host using Github Pages :

&gt;  **Step 1.**  Fork the repo - [click here](https://github.com/sujaykundu777/devlopr-jekyll/fork)

![Devlopr Jekyll Repo](/assets/img/posts/fork1.PNG){:class=&quot;img-fluid&quot;}

&gt; **Step 2.** Use **your-github-username.github.io** as the new repo  ( Replace your-github-username with yours). Remember if you use the name other than your-github-username.github.io , your blog will be built using gh-pages branch.

![Devlopr Jekyll Repo](/assets/img/posts/fork2.PNG){:class=&quot;img-fluid&quot;}

![Devlopr Jekyll Repo](/assets/img/posts/fork3.PNG){:class=&quot;img-fluid&quot;}

&gt; **Step 3.** Clone the new repo locally to make changes :

![Devlopr Jekyll Repo](/assets/img/posts/fork31.PNG){:class=&quot;img-fluid&quot;}

![Devlopr Jekyll Repo](/assets/img/posts/fork32.PNG){:class=&quot;img-fluid&quot;}

![Devlopr Jekyll Repo](/assets/img/posts/fork33.PNG){:class=&quot;img-fluid&quot;}

```bash
 $ git clone https://github.com/yourusername/yourusername.github.io
 $ cd yourusername.github.io
 $ code .
```

&gt; **Step 4.** Open the files using VSCode and edit _config.yml and edit with your details:

- _config.yml file - replace with your own details
- _posts - Add your blog posts here
- _includes - You can replace the contents of the files with your data. (contains widgets)
- _assets/img - Add all your images here

![Devlopr Jekyll Repo](/assets/img/posts/fork34.PNG){:class=&quot;img-fluid&quot;}

&gt; **Step 5** - Install the development requirements:

### Set up local development environment

1. [Git](https://git-scm.com/)
2. [Ruby](https://www.ruby-lang.org/) and [Bundler](https://bundler.io/)
3. [VSCode](https://code.visualstudio.com/download)

We need ruby and bundler to build our site locally. After installation check if its working:

For ruby :

```bash
$ ruby -v
ruby 2.5.1p57 (2018-03-29 revision 63029) [x86_64-linux-gnu]
```
For bundler :

```bash
$ gem install bundler
$ bundler -v
Bundler version 2.2.29
```
Add jekyll :

```bash
$ bundle update
$ bundle add jekyll
```
 This command will add the Jekyll gem to our Gemfile and install it to the ./vendor/bundle/ folder.

You can check the jekyll version

```
$ bundle exec jekyll -v
jekyll 4.2.0
```

&gt; **Step 6.** Install the gem dependencies by running the following command

```bash
$ bundle update
$ bundle install
```

&gt; **Step 7.** Serve the site locally by running the following command below:

```bash
$ bundle exec jekyll serve --watch
```
or you can also serve using :

```bash
$ jekyll serve
```

Visit [http://localhost:4000](http://localhost:4000) for development server

![Devlopr Jekyll Repo](/assets/img/posts/fork41.PNG){:class=&quot;img-fluid&quot;}


### Adding Content

Start populating your blog by adding your .md files in _posts. devlopr-jekyll already has a few examples.

#### YAML Post Example:

```yml
---
layout: post
title: Sample Post
author: Sujay Kundu
date: &apos;2019-05-21 14:35:23 +0530&apos;
category:
        - jekyll
summary: This is the summary for the sample post
thumbnail: sample.png
---

Hi ! This is sample post.

```

#### YAML Page Example:

```yml
---
layout: page
title: Sample Page
permalink: /sample-page/
---

Hi ! This is sample page.
```

#### Editing stylesheet

You’ll only work with a single file to edit/add theme style: assets/css/main.scss.

### Deploy your Changes

Once happy with your blog changes. Push your changes to master branch.

&gt; **Step 8.** Push Your Local Changes

```bash
 $ git add .
 $ git commit -m &quot;my new blog using devlopr-jekyll&quot;
 $ git push origin master
```

Visit your Github Repo settings ! Enable master branch as Github Pages Branch :

![Devlopr Jekyll Repo](/assets/img/posts/fork6.PNG){:class=&quot;img-fluid&quot;}

&gt; **Step 9.** Deploy your Blog :

![Devlopr Jekyll Repo](/assets/img/posts/fork7.PNG){:class=&quot;img-fluid&quot;}

&gt; Congrats ! On your new shining Blog !

You can visit the blog using [http://your-github-username.github.io](http://your-github-username.github.io).

</description>
            <link>https://vkwakweni.github.io/get-started/</link>
          </item>
        
      
    
      
        
          <item>
            <title>Jekyll</title>
            <description>&lt;h5&gt; Posts by Category : {{ page.title }} &lt;/h5&gt;

&lt;div class=&quot;card&quot;&gt;
{% for post in site.categories.jekyll %}
 &lt;li class=&quot;category-posts&quot;&gt;&lt;span&gt;{{ post.date | date_to_string }}&lt;/span&gt; &amp;nbsp; &lt;a href=&quot;{{ post.url }}&quot;&gt;{{ post.title }}&lt;/a&gt;&lt;/li&gt;
{% endfor %}
&lt;/div&gt;</description>
            <link>https://vkwakweni.github.io/blog/categories/jekyll/</link>
          </item>
        
      
    
      
    
      
    
      
        
          <item>
            <title>Guides</title>
            <description>&lt;h5&gt; Posts by Category : {{ page.title }} &lt;/h5&gt;

&lt;div class=&quot;card&quot;&gt;
{% for post in site.categories.sample_category %}
 &lt;li class=&quot;category-posts&quot;&gt;&lt;span&gt;{{ post.date | date_to_string }}&lt;/span&gt; &amp;nbsp; &lt;a href=&quot;{{ post.url }}&quot;&gt;{{ post.title }}&lt;/a&gt;&lt;/li&gt;
{% endfor %}
&lt;/div&gt;</description>
            <link>https://vkwakweni.github.io/blog/categories/sample_category/</link>
          </item>
        
      
    
      
    
      
        
          <item>
            <title>Our Sponsors</title>
            <description>Thanks to all the amazing contributors and our Backers for the support.

- [Dirish Mohan](https://dirishmohan.com)</description>
            <link>https://vkwakweni.github.io/sponsors/</link>
          </item>
        
      
    
      
        
          <item>
            <title>Styleguide</title>
            <description>### devlopr - Styleguide

&lt;hr /&gt;

 &lt;img src=&quot;/assets/img/styleguide.png&quot; class=&quot;img-fluid&quot;&gt;

&lt;p&gt; Lets try the different text styles  &lt;b&gt; Bold &lt;/b&gt; , &lt;strong&gt; Strong &lt;/strong&gt;, &lt;em&gt; Emphasis &lt;/em&gt;, &lt;i&gt; Italic &lt;/i&gt; &lt;/p&gt;


&lt;p&gt; Now, lets try different heading styles : &lt;/p&gt;

&lt;h1&gt; Hello in h1 ! &lt;/h1&gt;
&lt;h2&gt; Hello in h2 ! &lt;/h2&gt;
&lt;h3&gt; Hello in h3 ! &lt;/h3&gt;
&lt;h4&gt; Hello in h4 ! &lt;/h4&gt;
&lt;h5&gt; Hello in h5 ! &lt;/h5&gt;
&lt;h6&gt; Hello in h6 ! &lt;/h6&gt;

&lt;hr /&gt;
&lt;p&gt; Unordered List &lt;/p&gt;

&lt;ul&gt;
&lt;li&gt; List Item 1 &lt;/li&gt;
&lt;li&gt; List Item 2 &lt;/li&gt;
&lt;li&gt; List Item 3 &lt;/li&gt;
&lt;li&gt; List Item 4 &lt;/li&gt;
&lt;li&gt; List Item 5 &lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt; Ordered List &lt;/p&gt;
&lt;ol&gt;
&lt;li&gt; List Item 1 &lt;/li&gt;
&lt;li&gt; List Item 2 &lt;/li&gt;
&lt;li&gt; List Item 3 &lt;/li&gt;
&lt;li&gt; List Item 4 &lt;/li&gt;
&lt;li&gt; List Item 5 &lt;/li&gt;
&lt;/ol&gt;

&lt;blockquote&gt;
&lt;p&gt;This is a Block Quote,  It can Expand Multiple Lines &lt;/p&gt;

&lt;/blockquote&gt;

&lt;p&gt;You can use the mark tag to &lt;mark&gt;highlight&lt;/mark&gt; text. &lt;/p&gt;

&lt;p&gt;&lt;del&gt; This line of text is meant to be deleted text &lt;/del&gt; &lt;/p&gt;

&lt;p&gt;&lt;u&gt;This line of text will render as underlined&lt;/u&gt;&lt;/p&gt;
&lt;p&gt;&lt;small&gt;This line of text is meant to be treated as fine print.&lt;/small&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;This line rendered as bold text.&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;This line rendered as italicized text.&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;abbr title=&quot;attribute&quot;&gt;attr&lt;/abbr&gt;&lt;/p&gt;
&lt;p&gt;&lt;abbr title=&quot;HyperText Markup Language&quot; class=&quot;initialism&quot;&gt;HTML&lt;/abbr&gt;&lt;/p&gt;

&lt;hr /&gt;
&lt;div class=&quot;responsive-table&quot;&gt;
&lt;table&gt;
      &lt;thead&gt;
        &lt;tr&gt;
          &lt;th scope=&quot;col&quot;&gt;#&lt;/th&gt;
          &lt;th scope=&quot;col&quot;&gt;Heading&lt;/th&gt;
          &lt;th scope=&quot;col&quot;&gt;Heading&lt;/th&gt;
          &lt;th scope=&quot;col&quot;&gt;Heading&lt;/th&gt;
          &lt;th scope=&quot;col&quot;&gt;Heading&lt;/th&gt;
          &lt;th scope=&quot;col&quot;&gt;Heading&lt;/th&gt;
          &lt;th scope=&quot;col&quot;&gt;Heading&lt;/th&gt;
          &lt;th scope=&quot;col&quot;&gt;Heading&lt;/th&gt;
          &lt;th scope=&quot;col&quot;&gt;Heading&lt;/th&gt;
          &lt;th scope=&quot;col&quot;&gt;Heading&lt;/th&gt;
        &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;th scope=&quot;row&quot;&gt;1&lt;/th&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th scope=&quot;row&quot;&gt;2&lt;/th&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
        &lt;/tr&gt;
        &lt;tr&gt;
          &lt;th scope=&quot;row&quot;&gt;3&lt;/th&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
          &lt;td&gt;Cell&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
    &lt;/div&gt;

&lt;hr /&gt;

&lt;h3&gt; Instagram Embed &lt;/h3&gt;

&lt;blockquote class=&quot;instagram-media&quot; data-instgrm-captioned data-instgrm-permalink=&quot;https://www.instagram.com/p/CBXO7AypXkM/?utm_source=ig_embed&amp;amp;utm_campaign=loading&quot; data-instgrm-version=&quot;13&quot; style=&quot; background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);&quot;&gt;&lt;div style=&quot;padding:16px;&quot;&gt; &lt;a href=&quot;https://www.instagram.com/p/CBXO7AypXkM/?utm_source=ig_embed&amp;amp;utm_campaign=loading&quot; style=&quot; background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;&quot; target=&quot;_blank&quot;&gt; &lt;div style=&quot; display: flex; flex-direction: row; align-items: center;&quot;&gt; &lt;div style=&quot;background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;&quot;&gt;&lt;/div&gt; &lt;div style=&quot;display: flex; flex-direction: column; flex-grow: 1; justify-content: center;&quot;&gt; &lt;div style=&quot; background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;&quot;&gt;&lt;/div&gt; &lt;div style=&quot; background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;padding: 19% 0;&quot;&gt;&lt;/div&gt; &lt;div style=&quot;display:block; height:50px; margin:0 auto 12px; width:50px;&quot;&gt;&lt;svg width=&quot;50px&quot; height=&quot;50px&quot; viewBox=&quot;0 0 60 60&quot; version=&quot;1.1&quot; xmlns=&quot;https://www.w3.org/2000/svg&quot; xmlns:xlink=&quot;https://www.w3.org/1999/xlink&quot;&gt;&lt;g stroke=&quot;none&quot; stroke-width=&quot;1&quot; fill=&quot;none&quot; fill-rule=&quot;evenodd&quot;&gt;&lt;g transform=&quot;translate(-511.000000, -20.000000)&quot; fill=&quot;#000000&quot;&gt;&lt;g&gt;&lt;path d=&quot;M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631&quot;&gt;&lt;/path&gt;&lt;/g&gt;&lt;/g&gt;&lt;/g&gt;&lt;/svg&gt;&lt;/div&gt;&lt;div style=&quot;padding-top: 8px;&quot;&gt; &lt;div style=&quot; color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;&quot;&gt; View this post on Instagram&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;padding: 12.5% 0;&quot;&gt;&lt;/div&gt; &lt;div style=&quot;display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;&quot;&gt;&lt;div&gt; &lt;div style=&quot;background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);&quot;&gt;&lt;/div&gt; &lt;div style=&quot;background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;&quot;&gt;&lt;/div&gt; &lt;div style=&quot;background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: 8px;&quot;&gt; &lt;div style=&quot; background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;&quot;&gt;&lt;/div&gt; &lt;div style=&quot; width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div style=&quot;margin-left: auto;&quot;&gt; &lt;div style=&quot; width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);&quot;&gt;&lt;/div&gt; &lt;div style=&quot; background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);&quot;&gt;&lt;/div&gt; &lt;div style=&quot; width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt; &lt;div style=&quot;display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;&quot;&gt; &lt;div style=&quot; background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;&quot;&gt;&lt;/div&gt; &lt;div style=&quot; background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/a&gt;&lt;p style=&quot; color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;&quot;&gt;&lt;a href=&quot;https://www.instagram.com/p/CBXO7AypXkM/?utm_source=ig_embed&amp;amp;utm_campaign=loading&quot; style=&quot; color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;&quot; target=&quot;_blank&quot;&gt;A post shared by Sujay (@sujaykundu777)&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;/blockquote&gt; &lt;script async src=&quot;//www.instagram.com/embed.js&quot;&gt;&lt;/script&gt;

&lt;hr&gt;

&lt;h3&gt; Twitter Embed &lt;/h3&gt;

&lt;blockquote class=&quot;twitter-tweet&quot; data-lang=&quot;en&quot;&gt;&lt;p lang=&quot;en&quot; dir=&quot;ltr&quot;&gt;I just published “Deploying a blog using Jekyll and Github Pages with SSL certificate for Free” &lt;a href=&quot;https://t.co/B3T3IQVU93&quot;&gt;https://t.co/B3T3IQVU93&lt;/a&gt;&lt;/p&gt;&amp;mdash; Sujay Kundu (@SujayKundu777) &lt;a href=&quot;https://twitter.com/SujayKundu777/status/1012601950469160962?ref_src=twsrc%5Etfw&quot;&gt;June 29, 2018&lt;/a&gt;&lt;/blockquote&gt;
&lt;script async src=&quot;https://platform.twitter.com/widgets.js&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;

&lt;hr /&gt;


&lt;h3&gt;YouTube Responsive Embed&lt;/h3&gt;

&lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/bBpKMH3nBzE?rel=0&amp;amp;controls=0&amp;amp;showinfo=0&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&quot; allowfullscreen&gt;&lt;/iframe&gt;

&lt;hr /&gt;

&lt;h3&gt;Vimeo Responsive Embed&lt;/h3&gt;

&lt;iframe src=&quot;https://player.vimeo.com/video/212114694?title=0&amp;amp;byline=0&amp;amp;portrait=0&quot; width=&quot;640&quot; height=&quot;360&quot; frameborder=&quot;0&quot; webkitallowfullscreen=&quot;&quot; mozallowfullscreen=&quot;&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;ted-responsive-embed&quot;&gt;TED Responsive Embed&lt;/h3&gt;

&lt;iframe src=&quot;https://embed.ted.com/talks/ted_halstead_a_climate_solution_where_all_sides_can_win&quot; width=&quot;640&quot; height=&quot;360&quot; frameborder=&quot;0&quot; scrolling=&quot;no&quot; allowfullscreen=&quot;&quot;&gt;&lt;/iframe&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;twitch-responsive-embed&quot;&gt;Twitch Responsive Embed&lt;/h3&gt;

&lt;iframe src=&quot;https://player.twitch.tv/?autoplay=false&amp;amp;video=v248755437&quot; frameborder=&quot;0&quot; allowfullscreen=&quot;true&quot; scrolling=&quot;no&quot; height=&quot;378&quot; width=&quot;620&quot;&gt;&lt;/iframe&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;soundcloud-embed&quot;&gt;SoundCloud Embed&lt;/h3&gt;

&lt;iframe width=&quot;100%&quot; height=&quot;166&quot; scrolling=&quot;no&quot; frameborder=&quot;no&quot; src=&quot;https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/29738591&amp;amp;color=ff5500&amp;amp;auto_play=false&amp;amp;hide_related=false&amp;amp;show_comments=true&amp;amp;show_user=true&amp;amp;show_reposts=false&quot;&gt;&lt;/iframe&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;codepen-embed&quot;&gt;CodePen Embed&lt;/h3&gt;

&lt;p data-height=&quot;265&quot; data-theme-id=&quot;light&quot; data-slug-hash=&quot;YWvpRo&quot; data-default-tab=&quot;css,result&quot; data-user=&quot;kharrop&quot; data-embed-version=&quot;2&quot; data-pen-title=&quot;Referral Form&quot; class=&quot;codepen&quot;&gt;&lt;/p&gt;
&lt;script async=&quot;&quot; src=&quot;https://production-assets.codepen.io/assets/embed/ei.js&quot;&gt;&lt;/script&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;syntax-highlighting&quot;&gt;Syntax Highlighting&lt;/h3&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-js&quot; data-lang=&quot;js&quot;&gt;&lt;span class=&quot;s1&quot;&gt;&apos;use strict&apos;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;kd&quot;&gt;var&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;markdown&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;require&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;s1&quot;&gt;&apos;markdown&apos;&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;).&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;markdown&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;kd&quot;&gt;function&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;Editor&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;input&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;,&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;preview&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;)&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;k&quot;&gt;this&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;update&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;kd&quot;&gt;function&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;()&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
    &lt;span class=&quot;nx&quot;&gt;preview&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;innerHTML&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;nx&quot;&gt;markdown&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;toHTML&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;(&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;input&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;value&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;);&lt;/span&gt;
  &lt;span class=&quot;p&quot;&gt;};&lt;/span&gt;
  &lt;span class=&quot;nx&quot;&gt;input&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;editor&lt;/span&gt; &lt;span class=&quot;o&quot;&gt;=&lt;/span&gt; &lt;span class=&quot;k&quot;&gt;this&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;k&quot;&gt;this&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;nx&quot;&gt;update&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;();&lt;/span&gt;
&lt;span class=&quot;p&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;p&gt;You can add inline code just like this, E.g. &lt;code class=&quot;highlighter-rouge&quot;&gt;.code { color: #fff; }&lt;/code&gt;&lt;/p&gt;

&lt;figure class=&quot;highlight&quot;&gt;&lt;pre&gt;&lt;code class=&quot;language-css&quot; data-lang=&quot;css&quot;&gt;&lt;span class=&quot;nt&quot;&gt;pre&lt;/span&gt; &lt;span class=&quot;p&quot;&gt;{&lt;/span&gt;
  &lt;span class=&quot;nl&quot;&gt;background-color&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;m&quot;&gt;#f4f4f4&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;nl&quot;&gt;max-width&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;m&quot;&gt;100%&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
  &lt;span class=&quot;nl&quot;&gt;overflow&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;:&lt;/span&gt; &lt;span class=&quot;nb&quot;&gt;auto&lt;/span&gt;&lt;span class=&quot;p&quot;&gt;;&lt;/span&gt;
&lt;span class=&quot;p&quot;&gt;}&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/figure&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;github-gist-embed&quot;&gt;GitHub gist Embed&lt;/h3&gt;

&lt;script src=&quot;https://gist.github.com/ahmadajmi/dbb4f713317721668bcbc39420562afc.js&quot;&gt;&lt;/script&gt;

&lt;hr /&gt;

&lt;h3 id=&quot;input-style&quot;&gt;Input Style&lt;/h3&gt;

&lt;p&gt;&lt;input type=&quot;text&quot; placeholder=&quot;I&apos;m an input field!&quot; /&gt;&lt;/p&gt;

&lt;hr /&gt;


</description>
            <link>https://vkwakweni.github.io/styleguide/</link>
          </item>
        
      
    
      
    
      
    

  </channel>
</rss>