<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.10.0">Jekyll</generator><link href="http://www.gurolsaglam.github.io/web_test/feed.xml" rel="self" type="application/atom+xml" /><link href="http://www.gurolsaglam.github.io/web_test/" rel="alternate" type="text/html" /><updated>2026-04-15T12:31:14+00:00</updated><id>http://www.gurolsaglam.github.io/web_test/feed.xml</id><title type="html">Gürol Saglam</title><author><name>Amit Merchant</name></author><entry><title type="html">Pullquotes</title><link href="http://www.gurolsaglam.github.io/web_test/materials/pullquotes/" rel="alternate" type="text/html" title="Pullquotes" /><published>2019-12-11T00:00:00+00:00</published><updated>2019-12-11T00:00:00+00:00</updated><id>http://www.gurolsaglam.github.io/web_test/materials/pullquotes</id><content type="html" xml:base="http://www.gurolsaglam.github.io/web_test/materials/pullquotes/"><![CDATA[<p>In graphic design, a pull quote (also known as a lift-out pull quote) is a key phrase, quotation, or excerpt that has been pulled from an article and used as a page layout graphic element, serving to entice readers into the article or to highlight a key topic. It is typically placed in a larger or distinctive typeface and on the same page.<span data-pullquote="It is typically placed in a larger or distinctive typeface and on the same page."></span> Pull quotes are often used in magazine and newspaper articles, annual reports, and brochures, as well as on the web. They can add visual interest to text-heavy pages with few images or illustrations.</p>

<p>Placement of a pull quote on a page may be defined in a publication’s or website’s style guide. Such a typographic device may or may not be aligned with a column on the page. Some designers, for example, choose not to align the quote. In that case, the quotation cuts into two or more columns, as in the example shown. Because the pull quote invites the reader to read about the highlighted material, the pull quote should appear before the text it cites and, generally, fairly close to it.</p>

<p>Pull quotes need not be a verbatim copy of the text being quoted; depending on a publication’s house style, pull quotes may be abbreviated for space or paraphrased for clarity, with or without indication.</p>

<p>A disadvantage of pull quotes as a design element is that they can disrupt the reading process of readers invested in reading the text sequentially by drawing attention to ghost fragments out of context. At the other extreme, when pull quotes are used to break up what would otherwise be a formless wall of text, pull quote can serve as visual landmarks to help the reader maintain a sense of sequence and place.</p>]]></content><author><name>Amit Merchant</name></author><category term="HTML" /><category term="Code" /><summary type="html"><![CDATA[In graphic design, a pull quote (also known as a lift-out pull quote) is a key phrase, quotation, or excerpt that has been pulled from an article and used as a page layout graphic element, serving to entice readers into the article or to highlight a key topic.]]></summary></entry><entry><title type="html">Code snippets in a blog post</title><link href="http://www.gurolsaglam.github.io/web_test/materials/code-snippets/" rel="alternate" type="text/html" title="Code snippets in a blog post" /><published>2019-08-12T00:00:00+00:00</published><updated>2019-08-12T00:00:00+00:00</updated><id>http://www.gurolsaglam.github.io/web_test/materials/code-snippets</id><content type="html" xml:base="http://www.gurolsaglam.github.io/web_test/materials/code-snippets/"><![CDATA[<p>This post demonstrate the use of code snippets in the theme. The code snippets are powered by <a href="http://pygments.org/">Pygments</a> and the code theme that is been used in Reverie is called <a href="https://draculatheme.com/">Dracula</a>.</p>

<p>This is a raw snippet:</p>

<div class="language-plaintext highlighter-rouge"><div class="highlight"><pre class="highlight"><code>hello world
123
This is a text snippet
</code></pre></div></div>

<p>This is a PHP snippet:</p>

<div class="language-php highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="cp">&lt;?php</span>
    <span class="k">echo</span> <span class="s1">'Hello, World!'</span><span class="p">;</span>
<span class="cp">?&gt;</span>
</code></pre></div></div>

<p>This is a JavaScript snippet:</p>

<div class="language-js highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="kd">const</span> <span class="nx">add</span> <span class="o">=</span> <span class="p">(</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="nx">a</span> <span class="o">+</span> <span class="nx">b</span>
<span class="kd">const</span> <span class="nx">minus</span> <span class="o">=</span> <span class="p">(</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="nx">a</span> <span class="o">-</span> <span class="nx">b</span>

<span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">add</span><span class="p">(</span><span class="mi">100</span><span class="p">,</span><span class="mi">200</span><span class="p">))</span>  <span class="c1">// 300</span>
<span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">minus</span><span class="p">(</span><span class="mi">100</span><span class="p">,</span><span class="mi">200</span><span class="p">))</span>  <span class="c1">// -100</span>
</code></pre></div></div>

<p>This is a Python snippet:</p>

<div class="language-python highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="k">def</span> <span class="nf">say_hello</span><span class="p">():</span>
    <span class="k">print</span><span class="p">(</span><span class="s">"hello world!"</span><span class="p">)</span>

<span class="n">say_hello</span><span class="p">()</span>   <span class="o">//</span> <span class="s">"hello world!"</span>
</code></pre></div></div>]]></content><author><name>Amit Merchant</name></author><category term="HTML" /><category term="Code" /><summary type="html"><![CDATA[This post demonstrate the use of code snippets in the theme. The code snippets are powered by Pygments and the code theme that is been used in Reverie is called Dracula.]]></summary></entry></feed>