sabithpocker.github.io/patterns.html at master · sabithpocker/sabithpocker.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
  <link rel="manifest" href="/site.webmanifest" />
  <meta name="theme-color" content="#000000" />
  <link rel="canonical" href="https://markupmonks.com/patterns.html" />
  <meta property="og:type" content="website" />
  <meta property="og:site_name" content="Markup Monks" />
  <meta property="og:title" content="Patterns &amp; Tessellation - Markup Monks" />
  <meta property="og:description" content="Geometric tessellation patterns inspired by Islamic architecture. What they are, their history, and where the field is headed." />
  <meta property="og:url" content="https://markupmonks.com/patterns.html" />
  <meta property="og:image" content="https://markupmonks.com/android-chrome-512x512.png" />
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:title" content="Patterns &amp; Tessellation - Markup Monks" />
  <meta name="twitter:description" content="Geometric tessellation patterns inspired by Islamic architecture. What they are, their history, and where the field is headed." />
  <meta name="twitter:image" content="https://markupmonks.com/android-chrome-512x512.png" />
  <meta name="description"
    content="Geometric tessellation patterns inspired by Islamic architecture. What they are, their history, and where the field is headed." />
  <link rel="preconnect" href="https://fonts.gstatic.com" />
  <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;300;400;600;700&display=swap"
    rel="stylesheet" />
  <link href="dist/css/style.css" rel="stylesheet" />
  <script type="module" src="dist/js/components/ui-elements/side-bar.js"></script>
  <title>Patterns &amp; Tessellation - Markup Monks</title>
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-B0BEV3T4NK"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-B0BEV3T4NK');
  </script>
</head>

<body>
  <div class="content" data-content>
    <side-bar></side-bar>
    <section class="fractals">
      <header class="fractals__header category-header">
        <h1 class="fractals__main-header">Patterns &amp; Tessellation</h1>
        <h5 class="fractals__sub-header">
          Repeating geometry from a compass and a straightedge
        </h5>
      </header>
      <div class="category-intro">
        <div class="category-intro__section">
          <h3>What it is</h3>
          <p>
            Repeating geometric designs built from a small set of shapes and symmetry rules - most famously
            the star-and-polygon tilings found across Islamic architecture and decoration, historically
            produced with nothing more than a compass and straightedge.
          </p>
        </div>
        <div class="category-intro__section">
          <h3>History</h3>
          <p>
            Geometric tessellation flourished across the Islamic world from roughly the 8th century onward,
            reaching particular sophistication in Persian, Moorish, and Central Asian architecture. The
            Alhambra palace in Granada, Spain - built mostly in the 13th-14th centuries under the Nasrid
            dynasty - is one of the most studied surviving examples; mathematicians later found that its walls
            exemplify all 17 possible wallpaper symmetry groups. In 2007, physicists Peter Lu and Paul
            Steinhardt proposed that some medieval Islamic tilings, built from "girih" tiles, may have
            approximated quasicrystalline (Penrose-like) patterns centuries before their mathematical discovery
            in the West.
          </p>
        </div>
        <div class="category-intro__section">
          <h3>Main Contributors</h3>
          <p>
            The mostly-anonymous craftsmen and geometers of the medieval Islamic world; in modern scholarship,
            Peter Lu and Paul Steinhardt for the girih-tile research, and mathematician H.S.M. Coxeter for his
            work on the symmetry groups underlying such patterns.
          </p>
        </div>
        <div class="category-intro__section">
          <h3>Latest Trends</h3>
          <p>
            Computational recreation of these tiling systems - parametric pattern generators rather than hand
            construction - lets the same underlying geometry be explored far faster than by hand. This site's
            own piece goes a step further, layering a modern reaction-diffusion "dissolve" effect onto
            historically grounded tiling geometry.
          </p>
        </div>
      </div>
      <div class="category-grid">
        <a class="category-card" href="alhambra.html">
          <h4>Al Hambra Pattern</h4>
          <p>Islamic geometric tessellation with a reaction-diffusion dissolve/reform cycle layered on
            top, plus optional perspective tilt.</p>
        </a>
      </div>
    </section>
  </div>
</body>

</html>