https://surgemedia.us/about

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <!--
6      Cascade layer order — MUST be the first stylesheet the browser sees.
7
8      The first @layer statement naming a layer fixes its position; later
9      mentions cannot reorder it. Declaring the order here, statically, means it
10      cannot race the bundled CSS (which PostCSS wraps in `theme`) or the block
11      styles injected at runtime.
12
13      Later layer wins, regardless of selector specificity:
14        theme     — all build-time CSS (SCSS + vendor), wrapped by PostCSS
15        tpl       — a block template's inner-block styles
16        block     — a block's own default style
17        block-bp  — that block's per-breakpoint overrides
18
19      This is what lets a `[data-block-id="…"]` rule (specificity 0,1,0) beat a
20      theme rule of any complexity without `!important`. Anything that reaches
21      the page UNLAYERED outranks all of these — see cascadeLayers.test.ts.
22    -->
23    <style>@layer theme, tpl, block, block-bp;</style>
24    <!-- viewport-fit=cover is what makes env(safe-area-inset-*) report real
25         values; without it they are always 0 and content sits under the
26         iOS home indicator / notch. -->
27    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
28    <meta name="theme-color" content="#3498cf" />
29
30    <!-- Preconnect to important origins -->
31    <link rel="preconnect" href="https://fonts.googleapis.com" />
32    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
33
34    <!-- Fonts: Manrope for display/UI (logo, buttons, tabs, sidebar
35         items, labels, headings) — narrow geometric, premium SaaS feel.
36         IBM Plex Sans for body text — classic IBM-designed business
37         tone, more humanistic than Inter. JetBrains Mono for slugs /
38         IDs / code-style UI. -->
39    <link
40      href="https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap"
41      rel="stylesheet"
42    />
43
44    <!-- Favicon -->
45    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
46    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
47    <link rel="manifest" href="/manifest.webmanifest" />
48
49    <!-- Progressive enhancement / crawler hints -->
50    <link rel="dns-prefetch" href="https://fonts.googleapis.com" />
51    <link rel="dns-prefetch" href="https://fonts.gstatic.com" />
52
53    <!--
54      The page<title>About Surge Media — Philadelphia&#39;s Conservative News Outlet | Surge Media</title>
55        <link rel="icon" href="/uploads/jn0zhesrKKzh.svg" />
56        <meta name="description" content="Surge Media (Surge Philly) is an independent conservative news outlet covering Philadelphia, Pennsylvania and the tri-state region with on-the-ground reporting and commentary." />
57        <link rel="canonical" href="https://surgemedia.us/about" />
58        <link rel="alternate" type="application/rss+xml" title="Surge Media — Posts" href="/feed.xml" />
59        <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
60        <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
61        <meta property="og:title" content="About Surge Media — Philadelphia&#39;s Conservative News Outlet | Surge Media" />
62        <meta property="og:description" content="Surge Media (Surge Philly) is an independent conservative news outlet covering Philadelphia, Pennsylvania and the tri-state region with on-the-ground reporting and commentary." />
63        <meta property="og:type" content="website" />
64        <meta property="og:url" content="https://surgemedia.us/about" />
65        <meta property="og:site_name" content="Surge Media" />
66        <meta property="og:locale" content="en_US" />
67        <meta property="og:image" content="https://surgemedia.us/logo.png" />
68        <meta property="og:image:secure_url" content="https://surgemedia.us/logo.png" />
69        <meta property="og:image:alt" content="About" />
70        <meta name="twitter:card" content="summary_large_image" />
71        <meta name="twitter:title" content="About Surge Media — Philadelphia&#39;s Conservative News Outlet | Surge Media" />
72        <meta name="twitter:description" content="Surge Media (Surge Philly) is an independent conservative news outlet covering Philadelphia, Pennsylvania and the tri-state region with on-the-ground reporting and commentary." />
73        <meta name="twitter:image" content="https://surgemedia.us/logo.png" />
74        <meta name="twitter:image:alt" content="About" />
75        <meta name="description-aeo" content="Surge Media (Surge Philly) is an independent conservative news outlet covering Philadelphia, Pennsylvania and the tri-state region with on-the-ground reporting and commentary." />
76        <meta name="answer" content="Surge Media (Surge Philly) is an independent conservative news outlet covering Philadelphia, Pennsylvania and the tri-state region with on-the-ground reporting and commentary." />
77        <meta name="entity-type" content="WebPage" />
78        <meta name="ai-structured-data" content="true" />
79        

79<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"About Surge Media — Philadelphia's Conservative News Outlet","description":"Surge Media (Surge Philly) is an independent conservative news outlet covering Philadelphia, Pennsylvania and the tri-state region with on-the-ground reporting and commentary.","url":"https://surgemedia.us/about","isPartOf":{"@type":"WebSite","name":"Surge Media"}}</script>

79
80        

80<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://surgemedia.us"},{"@type":"ListItem","position":2,"name":"About","item":"https://surgemedia.us/about"}]}</script>

80
81
82    <!-- Critical CSS for app shell -->
83    <style>@layer theme {
84      /* App shell loading state */
85      html, body {
86        margin: 0;
87        padding: 0;
88        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
89      }
90
91      #root {
92        min-height: 100vh;
93      }
94
95      .app-shell-loading {
96        position: fixed;
97        top: 0;
98        left: 0;
99        right: 0;
100        bottom: 0;
101        display: flex;
102        align-items: center;
103        justify-content: center;
104        background: #ffffff;
105        z-index: 9999;
106      }
107
108      .app-shell-loading__spinner {
109        width: 48px;
110        height: 48px;
111        border: 4px solid #f3f4f6;
112        border-top-color: #3498cf;
113        border-radius: 50%;
114        animation: spin 1s linear infinite;
115      }
116
117      @keyframes spin {
118        to { transform: rotate(360deg); }
119      }
120
121      .page-loading {
122        position: fixed;
123        top: 0;
124        left: 0;
125        right: 0;
126        bottom: 0;
127        display: flex;
128        align-items: center;
129        justify-content: center;
130        background: rgba(255, 255, 255, 0.9);
131        z-index: 9999;
132      }
133
134      .page-loading__spinner {
135        width: 40px;
136        height: 40px;
137        border: 3px solid #f3f4f6;
138        border-top-color: #3498cf;
139        border-radius: 50%;
140        animation: spin 1s linear infinite;
141      }
142}
143    </style>
144    

144<script type="module" crossorigin src="/assets/index-BPPa88yO.js"></script>

144
145    <link rel="modulepreload" crossorigin href="/assets/cmsClient-V8g32bKp.js">
146    <link rel="modulepreload" crossorigin href="/assets/routing-CWrPCN4D.js">
147    <link rel="modulepreload" crossorigin href="/assets/typography-DEax-h48.js">
148    <link rel="stylesheet" crossorigin href="/assets/index-B71rXLRT.css">
149  <link rel="manifest" href="/manifest.webmanifest">

149<script id="vite-plugin-pwa:register-sw" src="/registerSW.js"></script>

149    <!-- Google tag (gtag.js) -->

149
150<script async src="https://www.googletagmanager.com/gtag/js?id=

150G-Y0WPG88NQ3

150"></script>

151<script>

151window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config',"

151G-Y0WPG88NQ3

151");

151</script>

151
152    </head>
153  <body>
154    <div id="root">
155      <!-- SSR_BODY_START -->
156<nav class="ssr-nav ssr-nav--header" aria-label="Main">
157  <ul>
158    <li><a href="/">New Link</a></li>
159    <li><a href="/posts">Articles</a></li>
160    <li><a href="/about">About</a></li>
161    <li><a href="/mission">Mission</a></li>
162    <li><a href="/founders">Founders</a></li>
163    <li><a href="/team">Team</a></li>
164    <li><a href="/work">Latest Work</a></li>
165    <li><a href="/contact">Contact</a></li>
166    <li><a href="/newsletter">Newsletter</a></li>
167    <li><a href="/inquiries">Inquiries</a></li>
168    <li><a href="/hotline">Hotline</a></li>
169    <li><a href="/shop-coming-soon">Shop</a></li>
170    <li><a href="/donate">Donate</a></li>
171  </ul>
172</nav>
173<article class="ssr-page">
174  <div class="ssr-block ssr-block--html"><div style="background:linear-gradient(135deg,#0A0A0A,#1c1c1e);color:#fff;border-radius:16px;padding:clamp(40px,5vw,64px) clamp(28px,4vw,48px)">
175  <div style="font-size:13px;font-weight:800;font-family:var(--site-heading-font,sans-serif);letter-spacing:.14em;text-transform:uppercase;color:#ED2024;margin-bottom:14px">
176    Who We Are
177  </div>
178  <h1 style="font-size:clamp(2rem,4.6vw,3rem);font-weight:800;font-family:var(--site-heading-font,sans-serif);line-height:1.06;margin-bottom:18px;color:white;">
179    About Surge
180  </h1>
181  <div style="font-size:1.14rem;color:#c9ccd1;line-height:1.6">
182    Media grounded in truth, faith, and action.
183  </div>
184</div></div>
185  <div class="ssr-block ssr-block--rich_text"><h2>Our Story</h2><p>The Surge was founded on a simple conviction: that America is worth fighting for and that fight will take place in our major cities. </p><p><span style="letter-spacing:-0.085px;font-family:Inter, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, sans-serif">We got our start in Philadelphia confronting leftist mobs and crooked politicians like District Attorney of Philadelphia, Larry Krasner. We have since expanded to cities and towns across the United States.</span></p><p><span style="font-family:Inter, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, sans-serif;letter-spacing:-0.005em">Whether it means documenting protests and hostile crowds on the streets of our big cities, or exposing corruption in our small towns and the halls of power, we go where the story is. But j</span><span style="letter-spacing:-0.085px;font-family:Inter, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, sans-serif">ust because we expanded does not mean we lost our roots. We will always be uniquely Philly. </span></p><p>Our priorities have always been to expose the public to realities that the mainstream would rather we not think about and build a community of like-minded patriots while doing so. That is 

185why we have remained viewer-funded and independent and intend to stay that way. </p><p><span style="font-family:Inter, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, sans-serif;letter-spacing:-0.005em">All our media is grounded in three pillars: </span><strong>Truth, Faith, and Action. </strong></p><p><span style="font-family:Inter, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, sans-serif;letter-spacing:-0.005em">Our mission is to restore American culture to its promise by taking our cities back from the radicals.</span></p></div>
186  <div class="ssr-block ssr-block--html"><div style="display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:2px solid #0A0A0A;padding-bottom:12px;margin-bottom:26px;margin-top:32px;">
187  <div style="font-size:1.7rem;font-weight:800;font-family:var(--site-heading-font,sans-serif);color:#0A0A0A">
188    Core Pillars
189  </div>
190</div>
191<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px">
192  <div style="background:#fff;border:1px solid #E4E4E7;border-radius:12px;padding:26px">
193    <div style="width:36px;height:4px;background:#ED2024;border-radius:2px;margin-bottom:16px">
194    </div>
195    <div style="font-size:1.25rem;font-weight:800;font-family:var(--site-heading-font,sans-serif);color:#0A0A0A;margin-bottom:8px">
196      Truth
197    </div>
198    <div style="color:#4b5563;line-height:1.6;font-size:.98rem">
199      We believe truth is objective, reality matters, and ideas and cultures can be judged on their merits through open discourse, and discussion.
200    </div>
201  </div>
202  <div style="background:#fff;border:1px solid #E4E4E7;border-radius:12px;padding:26px">
203    <div style="width:36px;height:4px;background:#ED2024;border-radius:2px;margin-bottom:16px">
204    </div>
205    <div style="font-size:1.25rem;font-weight:800;font-family:var(--site-heading-font,sans-serif);color:#0A0A0A;margin-bottom:8px">
206      Faith
207    </div>
208    <div style="color:#4b5563;line-height:1.6;font-size:.98rem">
209      Western culture has always been grounded in faith in God. We honor that foundation and work to strengthen it for generations ahead.
210    </div>
211  </div>
212  <div style="background:#fff;border:1px solid #E4E4E7;border-radius:12px;padding:26px">
213    <div style="width:36px;height:4px;background:#ED2024;border-radius:2px;margin-bottom:16px">
214    </div>
215    <div style="font-size:1.25rem;font-weight:800;font-family:var(--site-heading-font,sans-serif);color:#0A0A0A;margin-bottom:8px">
216      Action
217    </div>
218    <div style="color:#4b5563;line-height:1.6;font-size:.98rem">
219      It is easy to talk but we walk the walk. We show up on the ground and have conversations with those who disagree.
220    </div>
221  </div>
222</div></div>
223  <div class="ssr-block ssr-block--html"><div style="display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:2px solid #0A0A0A;padding-bottom:12px;margin-bottom:26px;margin-top:32px;">
224  <div style="font-size:1.7rem;font-weight:800;font-family:var(--site-heading-font,sans-serif);color:#0A0A0A">
225    Explore
226  </div>
227</div>
228<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px">
229  <a href="/mission" style="text-decoration:none">
230    <div style="background:#fff;border:1px solid #E4E4E7;border-radius:12px;padding:24px;height:100%">
231      <div style="font-size:1.15rem;font-weight:800;font-family:var(--site-heading-font,sans-serif);color:#0A0A0A;margin-bottom:6px">
232        Our Mission
233      </div>
234      <div style="color:#6B7280;font-size:.95rem;line-height:1.5;margin-bottom:12px">
235        The principles that drive our reporting.
236      </div>
237      <span style="color:#ED2024;font-weight:700;font-size:14px">
238        Learn more &rarr;
239      </span>
240    </div>
241  </a>
242  <a href="/founders" style="text-decoration:none">
243    <div style="background:#fff;border:1px solid #E4E4E7;border-radius:12px;padding:24px;height:100%">
244      <div style="font-size:1.15rem;font-weight:800;font-family:var(--site-heading-font,sans-serif);color:#0A0A0A;margin-bottom:6px">
245        Founders
246      </div>
247      <div style="color:#6B7280;font-size:.95rem;line-height:1.5;margin-bottom:12px">
248        The people who started Surge Media.
249      </div>

250      <span style="color:#ED2024;font-weight:700;font-size:14px">
251        Learn more &rarr;
252      </span>
253    </div>
254  </a>
255  <a href="/team" style="text-decoration:none">
256    <div style="background:#fff;border:1px solid #E4E4E7;border-radius:12px;padding:24px;height:100%">
257      <div style="font-size:1.15rem;font-weight:800;font-family:var(--site-heading-font,sans-serif);color:#0A0A0A;margin-bottom:6px">
258        Meet the Team
259      </div>
260      <div style="color:#6B7280;font-size:.95rem;line-height:1.5;margin-bottom:12px">
261        The reporters behind the bylines.
262      </div>
263      <span style="color:#ED2024;font-weight:700;font-size:14px">
264        Learn more &rarr;
265      </span>
266    </div>
267  </a>
268  <a href="/work" style="text-decoration:none">
269    <div style="background:#fff;border:1px solid #E4E4E7;border-radius:12px;padding:24px;height:100%">
270      <div style="font-size:1.15rem;font-weight:800;font-family:var(--site-heading-font,sans-serif);color:#0A0A0A;margin-bottom:6px">
271        Our Latest Work
272      </div>
273      <div style="color:#6B7280;font-size:.95rem;line-height:1.5;margin-bottom:12px">
274        Recent stories and investigations.
275      </div>
276      <span style="color:#ED2024;font-weight:700;font-size:14px">
277        Learn more &rarr;
278      </span>
279    </div>
280  </a>
281</div></div>
282</article>
283<nav class="ssr-nav ssr-nav--footer" aria-label="Footer">
284  <ul>
285    <li><a href="https://instagram.com/surgephilly">New link</a></li>
286    <li><a href="https://tiktok.com/@surgephilly">New link</a></li>
287    <li><a href="https://x.com/Surge_Philly">New link</a></li>
288    <li><a href="https://www.facebook.com/profile.php?id=61578226573260">New link</a></li>
289  </ul>
290</nav>
291      <!-- SSR_BODY_END -->
292    </div>
293  

293<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"78d7b35957c34af6b1feb63ef31bb24b","r":1,"spa":2}' crossorigin="anonymous"></script>

293
294</body>
295</html>