forked from pinecreativelabs/Brutalist-Framework
-
Notifications
You must be signed in to change notification settings - Fork 0
/
butch.php
122 lines (109 loc) · 4.83 KB
/
butch.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<?php
$pagetitle = 'butch';
$ignore_tracking = true;
require 'core/core.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<?php echo $global_meta_header;?>
<title>Brutalist Framework || BUTCH</title>
<meta name="description" content="A free open source CSS library for the brutalist web design trend." />
<?php if($tc==true){?>
<!-- Twitter Card data -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="@brutalistfwk">
<meta name="twitter:title" content="Brutalist Framework || BUTCH">
<meta name="twitter:description" content="A free open source CSS library for the brutalist web design trend.">
<meta name="twitter:creator" content="@brutalistfwk">
<meta name="twitter:image" content="https://www.brutalistframework.com/core/files/images/bf-social-tile.jpg">
<?php }
if($og==true){ ?>
<!-- Open Graph data -->
<meta property="og:title" content="Brutalist Framework || BUTCH" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.brutalistframework.com" />
<meta property="og:image" content="https://www.brutalistframework.com/core/files/images/bf-social-tile.jpg" />
<meta property="og:description" content="A free open source CSS library for the brutalist web design trend." />
<meta property="og:site_name" content="Brutalist Framework" />
<?php } ?>
<?php echo $global_header;?>
<!-- Theme CSS -->
<link href="app/themes/default/theme.css" type="text/css" rel="stylesheet" media="all" />
</head>
<body>
<!-- Sticky Nav -->
<?php include 'app/inc/content/nav.php';?>
<!-- PAGE -->
<header class="brickbuild padded flex middle" id="uptop" style="min-height: 25vh; margin-bottom: 0;">
<a href="index.php"><img class="large-thumb brdr-s-k red-b invert-h" src="app/files/images/bf3logo.png" alt="Brutalist Framework" /></a>
</header>
<div class="passion white-t courier flex" style="height: 25vh; margin: 0;">
<div class="shape point-right violence center flex middle" style="min-width: 15vw; height: 100%; margin: 0 1rem 0 0;">
<div class="fluid-text-h1" style="margin-left: -20px;"><i class="bi bi-communist"></i></div>
</div>
<div class="flex middle column rebecca-t rice-t-s bitstream">
<h1 class="fluid-text start" style="margin: -10px 0 0 0;">BUTCH</h1>
<h2 class="flow-text baffle start keep-all" style="margin: 0; padding: 0;">Base Utility & Typography Class Helpers</h2>
</div>
</div>
<div class="fossil">
<div class="padding smoke-t bitstream"><div class="wrap-1200">
<p class="flow-text">BUTCH is a library of general-use classes for typography, layout, and other basic page elements.</p>
<p class="requiresbox"><span class="flow-text bold"><em>core/css/butch.css</em></span></p>
</div></div>
<div class="padded">
<div class="clear-block jagged"><p class="checkerboard padding"></p></div>
<div class="flex">
<div class="glued start sidebar">
<nav class="simple nav3">
<ul class="courier flow-text">
<li><a href="#type">Typography</a></li>
<li><a href="#layout">Layout</a></li>
<li><a href="#utils">Utility Classes</a></li>
<li><a href="#bounds">Boundaries & Shapes</a></li>
<li><a href="#filters">Filters & Opacity</a></li>
<li><a href="#tables">Tables & Media</a></li>
</ul>
</nav>
</div>
<div class="main smoke-t bitstream padded">
<?php include 'app/inc/content/pages/butch/typography.php';?>
<p class="spacer"></p>
<div class="clear-block jagged"><p class="checkerboard padding"></p></div>
<!-- LAYOUT -->
<?php include 'app/inc/content/pages/butch/layout.php';?>
<p class="spacer"></p>
<div class="clear-block jagged"><p class="checkerboard padding"></p></div>
<!-- UTILITY CLASSES -->
<?php include 'app/inc/content/pages/butch/utils.php';?>
<p class="spacer"></p>
<div class="clear-block jagged"><p class="checkerboard padding"></p></div>
<!-- BOUNDARIES -->
<?php include 'app/inc/content/pages/butch/bounds.php';?>
<p class="spacer"></p>
<div class="clear-block jagged"><p class="checkerboard padding"></p></div>
<!-- FILTERS & OPACITIES -->
<?php include 'app/inc/content/pages/butch/filters.php';?>
<p class="spacer"></p>
<div class="clear-block jagged"><p class="checkerboard padding"></p></div>
<!-- TABLES & MEDIA -->
<?php include 'app/inc/content/pages/butch/tables-media.php';?>
<p class="spacer"></p>
</div><!-- END MAIN WRAP -->
</div>
</div>
<?php include 'app/inc/content/footer.php';?>
</div>
<!-- Download Modal -->
<?php include 'app/inc/content/ui/download-modal.php';?>
<!-- Initiate and display modal itself -->
<div class="modal">
<div class="modal-inner draggable"><!-- Remove "draggable" class to prevent modals from being moveable -->
<span data-modal-close>×</span>
<div class="modal-content"></div>
</div>
</div>
<?php echo $global_footer;?>
</body>
</html>