PageSourceSearch

https://www.libraryfutures.net/

html libraryfutures.net collected 2026-10-01 10:36:32 UTC 41,572 bytes, 780 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en">
3  <head>
4    <meta charset="utf-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <link rel="shortcut icon" href="/assets/img/favicon.png" type="image/x-icon">
7    <!-- Begin Jekyll SEO tag v2.8.0 -->
8<title>Library Futures</title>
9<meta name="generator" content="Jekyll v3.10.0" />
10<meta property="og:title" content="Library Futures" />
11<meta property="og:locale" content="en_US" />
12<meta property="og:type" content="website" />
13<meta name="twitter:card" content="summary" />
14<meta property="twitter:title" content="Library Futures" />
15<script type="application/ld+json">
16{"@context":"https://schema.org","@type":"WebSite","headline":"Library Futures","url":"/"}</script>
16
17<!-- End Jekyll SEO tag -->
18
19
20
21
22<meta name="twitter:card" content="summary_large_image">
23
24
25
26
27  <meta name="twitter:title" content="Library Futures">
28
29
30
31
32    <title>Library Futures</title>
33    <link rel="stylesheet" href="/assets/css/index.css">
34  </head>
35  <body>
36
37    
38
39
40<nav class="max-lg:collapse border-b border-[#e0e0e0] bg-white shadow-sm w-full rounded-md">
41  <input id="navbar-1-toggle" class="peer hidden" type="checkbox" />
42  <label for="navbar-1-toggle" class="fixed inset-0 hidden max-lg:peer-checked:block"></label>
43  <div class="collapse-title navbar px-6 py-0">
44    <div class="navbar-start flex-1">
45      <div class="flex items-center gap-2 md:gap-3 py-3 pr-3 md:pr-7 mr-2 border-r border-[#e0e0e0]">
46        <a href="/" class="p-0!">
47          <img src="/assets/img/lf-vertical-lockup-color.svg" alt="Library Futures" class="h-10 w-auto">
48        </a>
49      </div>
50
51      <ul class="menu menu-horizontal px-1 hidden lg:flex">
52        
53        
54          <li>
55            <details name="navbar-submenu">
56              <summary>About</summary>
57              <ul class="bg-base-100 rounded-t-none p-2">
58                
59                  
60                  
61                  
62                  <li><a href="/who-we-are">Who We Are</a></li>
63                
64                  
65                  
66                  
67                  <li><a href="our-impact">Our Impact</a></li>
68                
69                  
70                  
71                  
72                  <li><a href="/what-we-do">What we do</a></li>
73                
74                  
75                  
76                  
77                  <li><a href="/opportunities">Opportunities</a></li>
78                
79                  
80                  
81                  
82                  <li><a href="get-involved">Get Involved</a></li>
83                
84              </ul>
85            </details>
86          </li>
87        
88        
89        
90          <li>
91            <details name="navbar-submenu">
92              <summary>Programs</summary>
93              <ul class="bg-base-100 rounded-t-none p-2">
94                
95                  
96                  
97                  
98                  <li><a href="/research-network">Research Network</a></li>
99                
100                  
101                  
102                  
103                  <li><a href="/internships">Internships</a></li>
104                
105                  
106                  
107                  
108                  <li><a href="/events">Educational Events</a></li>
109                
110                  
111                  
112                  
113                  <li><a href="/advocacy">Advocacy</a></li>
114                
115                  
116                  
117                  
118                  <li><a href="/legal-program">Legal</a></li>
119                
120              </ul>
121            </details>
122          </li>
123        
124        
125        
126          <li><a href="/blog">Blog</a></li>
127        
128        
129        
130          <li><a href="/events">Events</a></li>
131        
132        
133        
134          <li>
135            <details name="navbar-submenu">
136              <summary>Publications and Projects</summary>
137              <ul class="bg-base-100 rounded-t-none p-2">
138                
139                  
140                  
141                  
142                  <li><a href="/publications">Publications</a></li>
143                
144                  
145                  
146                  
147                  <li><a href="http://imagineif.libraryfutures.net/">Imagine IF: The Game</a></li>
148                
149                  
150                  
151                  
152                  <li><a href="http://ebooksfor.us/">E-Books for Us</a></li>
153                
154                  
155                  
156                  
157                  <li><a href="http://controlleddigitallending.org/">Controlled Digital Lending</a></li>
158                
159                  
160                  
161                  
162                  <li><a href="http://librarycopyright.net/">Library Copyright</a></li>
163                
164              </ul>
165            </details>
166          </li>
167        
168        
169      </ul>
170    </div>
171    <div class="navbar-end w-auto">
172      <div class="ml-auto pl-3">
173        <a class="btn text-sm font-sans text-sm font-bold tracking-wider up
173percase !border-2 !border-[#7d1b6e] rounded-full !bg-[#7d1b6e] !text-white py-3 px-6 cursor-pointer hover:bg-[#651659] hover:border-[#651659] transition-all transform hover:scale-105 text-left" href="/donate" >Donate</a>
174      </div>
175
176      <label for="navbar-1-toggle" class="ml-2 btn btn-ghost lg:hidden">
177        <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h8m-8 6h16" /></svg>
178      </label>
179    </div>
180  </div>
181
182  <div class="collapse-content lg:hidden z-1">
183    <ul class="menu px-1">
184      
185      
186        <li>
187          <details>
188            <summary>About</summary>
189            <ul class="bg-base-100 rounded-t-none p-2">
190              
191                
192                
193                
194                <li><a href="/who-we-are">Who We Are</a></li>
195              
196                
197                
198                
199                <li><a href="our-impact">Our Impact</a></li>
200              
201                
202                
203                
204                <li><a href="/what-we-do">What we do</a></li>
205              
206                
207                
208                
209                <li><a href="/opportunities">Opportunities</a></li>
210              
211                
212                
213                
214                <li><a href="get-involved">Get Involved</a></li>
215              
216            </ul>
217          </details>
218        </li>
219      
220      
221      
222        <li>
223          <details>
224            <summary>Programs</summary>
225            <ul class="bg-base-100 rounded-t-none p-2">
226              
227                
228                
229                
230                <li><a href="/research-network">Research Network</a></li>
231              
232                
233                
234                
235                <li><a href="/internships">Internships</a></li>
236              
237                
238                
239                
240                <li><a href="/events">Educational Events</a></li>
241              
242                
243                
244                
245                <li><a href="/advocacy">Advocacy</a></li>
246              
247                
248                
249                
250                <li><a href="/legal-program">Legal</a></li>
251              
252            </ul>
253          </details>
254        </li>
255      
256      
257      
258        <li><a href="/blog">Blog</a></li>
259      
260      
261      
262        <li><a href="/events">Events</a></li>
263      
264      
265      
266        <li>
267          <details>
268            <summary>Publications and Projects</summary>
269            <ul class="bg-base-100 rounded-t-none p-2">
270              
271                
272                
273                
274                <li><a href="/publications">Publications</a></li>
275              
276                
277                
278                
279                <li><a href="http://imagineif.libraryfutures.net/">Imagine IF: The Game</a></li>
280              
281                
282                
283                
284                <li><a href="http://ebooksfor.us/">E-Books for Us</a></li>
285              
286                
287                
288                
289                <li><a href="http://controlleddigitallending.org/">Controlled Digital Lending</a></li>
290              
291                
292                
293                
294                <li><a href="http://librarycopyright.net/">Library Copyright</a></li>
295              
296            </ul>
297          </details>
298        </li>
299      
300      
301    </ul>
302  </div>
303</nav>
304
305
306    
307
308<!-- HERO -->
309<div class="relative px-6 md:py-22 md:px-24 pt-8 md:pt-16 pb-8 md:pb-12 bg-gradient-to-br from-white via-[#faf9fb] to-white overflow-hidden">
310  <div class="absolute top-0 right-0 w-64 h-64 bg-[#7d1b6e]/5 rounded-full blur-3xl"></div>
311  <div class="absolute bottom-0 left-0 w-48 h-48 bg-[#7d1b6e]/3 rounded-full blur-3xl"></div>
312  <div class="relative z-10">
313    <div class="grid grid-cols-1 lg:grid-cols-[1fr_auto] gap-8 lg:gap-12 items-start mb-8 lg:mb-10">
314      <div>
315        <div class="inline-block mb-4 md:mb-6">
316          <div class="font-sans text-xs/5 font-bold tracking-[0.14em] uppercase text-white bg-[#57068c] px-3 md:px-4 py-1.5 md:py-2">
317            A project of NYU Law Engelberg Center on Innovation Law and Policy
318          </div>
319        </div>
320        <h1 class="font-sans font-black uppercase leading-[0.9] mb-4 md:mb-6">
321          
322
323          <span class="block text-[32px] md:text-[52px] text-[#7d1b6e] relative inline-block">Defending the right</span>
324          <span class="my-1 md:my-0 block w-40 md:w-72 h-2 md:h-2 bg-gradient-to-r from-[#7d1b6e] to-transparent"></span>
325          <span class="block text-[32px] md:text-[52px] text-[#1a1a1a]">to information</span>
326        </h1>
327        <div id="hero-body">
328          <p>Library Futures is a leading organization at the intersection of technology, policy, and public access to information.</p>
329        </div>
330      </div>
331      <div class="mt-2 md:mt-4 bg-white rounded-2xl p-3 md:p-4 shadow-xl border border-[#e0e0e0] max-w-md mx-auto lg:max-w-none">
332        <img src="//images.ctfassets.net/sgukisowwnan/4ucyqbEHyEY0gi2iNFPELe/940b2677a02612d502835a2065e6df4c/Ecosystem_Wide.png" alt="Hero image" class="w-full lg:w-[320px] h-auto rounded-lg">
333      </div>
334    </div>
335    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-[1.2fr_1fr] gap-4 md:gap-6 mt-8 md:mt-12">
336      <div class="bg-white rounded-2xl p-6 md:p-8 shadow-lg border border-[#e0e0e0]">
337        <p class="font-sans text-lg font-bold tracking-wider uppercase text-[#7d1b6e] mb-3">
338          Newsletter signup
339        </p>
340        <p class="font-serif text-[#444] mb-4 leading-relaxed">
341          Stay up to date with research, events, and news from Library Futures.
342        </p>
343
344        <div id="mc_embed_signup">                                    
345          <form action="https://libraryfutures.us2.list-manage.com/subscribe/post?u=e46ce6c2905a00acf5c43debe&amp;id=2c035225f5&amp;f_id=00439fe3f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
346            <div class="flex flex-col md:flex-row gap-3 md:gap-0 md:border-2 md:border-[#e0e0e0] md:rounded-full overflow-hidden hover:border-[#7d1b6e] transition-colors md:focus-within:border-[#7d1b6e] md:focus-within:shadow-lg">
347              <input id="mce-EMAIL" type="email" name="EMAIL" placeholder="Email address"
348                  class="md:flex-1 py-2 px-4 md:px-5 rounded-full md:rounded-none border-2 md:border-none border-[#e0e0e0] focus-within:border-[#7d1b6e] focus-within:shadow-lg md:focus-within:shadow-none outline-none font-sans bg-white text-[#1a1a1a] placeholder:text-[#bbb]">
349              <input id="mc-embedded-subscribe" type="submit" name="subscribe" value="Sign up" 
350                  class="bg-[#7d1b6e] border-none rounded-full md:rounded-none text-sm text-white py-3 px-5 md:px-6 font-sans font-bold tracking-widest uppercase cursor-pointer hover:bg-[#651659] transition-colors whitespace-nowrap">
351            </div>
352            <div id="mce-responses" class="clear">
353              <div class="response font-serif mt-4 leading-relaxed transition-opacity duration-600 opacity-100 starting:opacity-0" id="mce-error-response" style="display: none;"></div>
354              <div class="response font-serif mt-4 leading-relaxed transition-opacity duration-600 opacity-100 starting:opacity-0" id="mce-success-response" style="display: none;"></div>
355            </div>
356            <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_e46ce6c2905a00acf5c43debe_2c035225f5" tabindex="-1" value=""></div>   
357          </form>
358        </div>
359        
359<script type="text/javascript" src="https://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script>
359<script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='BIRTHDAY';ftypes[5]='birthday';fnames[6]='MMERGE6';ftypes[6]='text';fnames[7]='LGL_SAL';ftypes[7]='text';fnames[8]='LGL_ID';ftypes[8]='text';fnames[9]='MMERGE9';ftypes[9]='text';fnames[10]='MMERGE10';ftypes[10]='zip';fnames[12]='MMERGE12';ftypes[12]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
359
360      </div>
361      <div class="bg-gradient-to-br from-[#f8f8f8] to-white rounded-2xl p-6 md:p-8 flex flex-col justify-center gap-3 border border-[#e0e0e0]">
362        <p class="font-sans text-lg font-bold tracking-wider uppercase text-[#7d1b6e] mb-1">Learn more</p>
363        <a href="/our-impact" class="font-sans text-sm font-bold tracking-wider uppercase border-2 border-[#7d1b6e] rounded-full bg-[#7d1b6e] text-white py-3 px-6 cursor-pointer hover:bg-[#651659] hover:border-[#651659] transition-all transform hover:scale-105 text-left">Our impact →</a>
364        <a href="/what-we-do" class="font-sans text-sm font-bold tracking-wider uppercase border-2 border-[#1a1a1a] rounded-full bg-white py-3 px-6 cursor-pointer text-[#1a1a1a] hover:bg-[#1a1a1a] hover:text-white transition-all transform hover:scale-105 text-left">
365           What we do →
366        </a>
367      </div>
368    </div>
369  </div>
370</div>
371
372<!-- About section -->
373<div class="py-4 px-6 md:py-8 md:px-24 md:pt-12 bg-gradient-to-b from-white to-[#fafafa]">
374  <div class="flex items-end justify-between mb-6 md:mb-8">
375    <div>
376      <div class="font-sans text-sm font-bold tracking-[0.14em] uppercase text-[#aaa] mb-2">What we do</div>
377      <h2 class="font-sans text-2xl md:text-3xl font-black uppercase text-[#1a1a1a]">Our work</h2>
378    </div>
379    <div class=
380    "w-12 md:w-16 h-1 bg-gradient-to-r from-[#7d1b6e] to-transparent">
381    </div>
382  </div>
383  <div class="grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6">
384    <div class="bg-white border-2 border-[#7d1b6e] rounded-2xl p-6 md:p-8 hover:shadow-xl transition-all transform hover:-translate-y-1">
385      <div class="flex items-center gap-3 mb-6">
386        <div class="w-12 h-12 rounded-full bg-[#7d1b6e] flex items-center justify-center flex-shrink-0">
387          <svg class="w-6 h-6" fill="none" stroke="white" viewbox="0 0 24 24" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path></svg>
388        </div>
389        <h3 class="font-sans text-lg font-black uppercase text-[#7d1b6e] tracking-wide">Building the Field</h3>
390      </div>
391      <div class="space-y-5 about-card-text">
392        <h1><a href="/research-network">Research Network</a></h1>
393<p>Supporting independent scholars working at the frontier of libraries, computing, and access.</p>
394<h1><a href="/internships">Internships</a></h1>
395<p>Training the next generation of library policy advocates through hands-on work and community.</p>
396<h1><a href="/events">Professional Education</a></h1>
397<p>Webinars, book talks, and continuing education.</p>
398<p></p>
399      </div>
400    </div>
401    <div class="bg-gradient-to-br from-[#7d1b6e] to-[#651659] rounded-2xl p-6 md:p-8 text-white hover:shadow-xl transition-all transform hover:-translate-y-1">
402      <div class="flex items-center gap-3 mb-6">
403        <div class="w-12 h-12 rounded-full bg-white/20 flex items-center justify-center flex-shrink-0">
404          <svg class="w-6 h-6" fill="none" stroke="white" viewbox="0 0 24 24" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 6l3 1m0 0l-3 9a5.002 5.002 0 006.001 0M6 7l3 9M6 7l6-2m6 2l3-1m-3 1l-3 9a5.002 5.002 0 006.001 0M18 7l3 9m-3-9l-6-2m0-2v2m0 16V5m0 16H9m3 0h3"></path></svg>
405        </div>
406        <h3 class="font-sans text-lg font-black uppercase tracking-wide">
407          Changing Policy
408        </h3>
409      </div>
410      <div class="space-y-5 about-card-text">
411        <h1><a href="/advocacy">Advocacy</a></h1>
412<p>Legislation, coalition work, and policy shaping to build power and change the paradigm for libraries.</p>
413<h1><a href="https://lfstaging.vercel.app/legal-program">Legal</a></h1>
414<p>Legal support and representation, amicus briefs, analysis, and advice for libraries, independent publishers, and institutions.</p>
415<h1><a href="/events">Events</a></h1>
416<p>Summits, convenings and in-person gatherings.</p>
417      </div>
418    </div>
419  </div>
420  <div class="mt-4 md:mt-6 flex justify-center">
421    <a class="font-sans text-sm font-bold tracking-wider uppercase border-[1.5px] border-[#1a1a1a] rounded-full bg-white py-2 px-6 cursor-pointer text-[#1a1a1a] hover:bg-[#1a1a1a] hover:text-white transition-colors" href="/our-work">
422      Read more about our work →
423    </a>
424  </div>
425</div>
426
427
428<!-- Updates section -->
429<div class="py-4 px-6 md:py-8 md:px-24 bg-gradient-to-b from-white to-[#fafafa]">
430  <div class="flex items-end justify-between mb-6 md:mb-8">
431    <div>
432      <div class="font-sans text-sm font-bold tracking-[0.14em] uppercase text-[#aaa] mb-2"> News & Updates</div>
433      <h2 class="font-sans text-2xl md:text-3xl font-black uppercase text-[#1a1a1a]">
434        The latest
435      </h2>
436    </div>
437    <div class=
438    "w-12 md:w-16 h-1 bg-gradient-to-r from-[#7d1b6e] to-transparent">
439    </div>
440  </div>
441
442  
443  <!-- TODO if we add other content models we need to figure out sorting -->
444  
445  
446  <!-- TODO if we add events we need to distinguish display -->
447  <!-- TODO product -> publication -->
448  <div class="mb-4 md:mb-6 bg-white rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all transform hover:-translate-y-1 border border-[#e0e0e0]">
449    <div class="grid grid-cols-1 md:grid-cols-[2fr_3fr] lg:grid-cols-[1fr_3fr]">
450      <div class="bg-[#f3eaf2] border-[1.5px] border-dashed border-[#c9a8c4] rounded-lg flex items-end justify-center min-h-[200px] md:min-h-[280px]">
451        
452        <img class="w-full h-full object-cover" src=//images.ctfassets.net/sgukisowwnan/4VhS8utpDRabazB7AVmrOI/85d02c69dcf583492cf21bda32691119/Stronger_together_blog_post-3.png alt="Stronger Together: A Webinar Series for Librarians and Journalists Fall 2026 / hands holding a smartphone with a news site and a library card / Library Futures logo" />
453      </div>
454      <div class="p-6 md:p-10 flex flex-col justify-center">
455        <div class="inline-block"><span class="font-sans text-[12px] font-bold tracking-[0.12em] uppercase text-white bg-[#7d1b6e] px-3 py-1.5">news</span></div>
456        <h2 class="text-xl md:text-3xl font-semibold text-[#1a1a1a] leading-tight mt-3 md:mt-4 mb-2 md:mb-3 cursor-pointer hover:text-[#7d1b6e] transition-colors">
457          Stronger Together: A Webinar Series for Librarians and Journalists</h2>
458        <div class="font-sans text-[12px] font-bold tracking-widest uppercase text-[#aaa] mb-4">
459          Sep 11, 2026
460        </div>
461        <div class="font-serif mb-4 md:mb-6">
462          <p>Library Futures's fall 2026 series on how libraries, journalists, and local newsrooms can work together to build stronger communities.</p>
463        </div>
464        <div>
465          
466          <a href="/post/stronger-together-a-webinar-series-for-librarians-and-journalists" class="font-sans text-[12px] md:text-[16px] font-bold tracking-wider uppercase bg-[#1a1a1a] text-white rounded-full py-2.5 md:py-3 px-5 md:px-6 cursor-pointer hover:bg-[#7d1b6e] transition-colors">Read more →</a>
467        </div>
468      </div>
469    </div>
470  </div>
471  <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
472     
473      
474        <div class="border-2 border-[#e0e0e0] rounded-xl overflow-hidden bg-white hover:border-[#7d1b6e] hover:shadow-lg group h-full transform translate-y-0 hover:-translate-y-2 transition-all md:relative">
475          <figure class="bg-[#f3eaf2] border-[1.5px] border-dashed border-[#c9a8c4] rounded-lg flex items-end justify-center aspect-16/9">
476            
477            <img class="w-full h-full object-cover" src=//images.ctfassets.net/sgukisowwnan/5gGatEQOrIqFmdBmhkwa91/b9fb33366e1363b150fed4b196da3eb7/Screenshot_20260713_194106_Canva.jpg alt="collage of headshots of seven racially diverse young people / Meet the 2026 Library Futures interns" />
478          </figure>
479          <div class="p-5">
480            <span class="inline-block font-sans text-[12px] font-bold tracking-[0.12em] uppercase text-[#7d1b6e] bg-[#f3e8f1] px-2.5 py-1 mb-3">
481              news
482            </span>
483            <h3 class="font-semibold leading-tight text-lg text-[#1a1a1a] mb-3 group-hover:text-[#7d1b6e] transition-colors">Meet the 2026 Interns!</h3>
484            <div class="font-sans text-[12px] font-bold tracking-widest uppercase text-[#aaa] mb-3">
485              Jul 08, 2026
486            </div>
487            <div class="mb-4 md:mb-0">
488              <p class="font-serif">Library Futures welcomes seven new interns to the 2026 cohort! Read all about them.</p>
489            </div>
490            <a href="/post/meet-the-2026-interns" class="md:sr-only font-sans text-[12px] md:text-[16
490px] font-bold tracking-wider uppercase bg-[#1a1a1a] text-white rounded-full py-2.5 px-5 cursor-pointer hover:bg-[#7d1b6e] transition-colors">Read more →</a>
491          </div>
492          <a href="/post/meet-the-2026-interns" class="hidden md:block absolute top-0 left-0 h-full w-full"> </a>
493        </div>
494     
495      
496        <div class="border-2 border-[#e0e0e0] rounded-xl overflow-hidden bg-white hover:border-[#7d1b6e] hover:shadow-lg group h-full transform translate-y-0 hover:-translate-y-2 transition-all md:relative">
497          <figure class="bg-[#f3eaf2] border-[1.5px] border-dashed border-[#c9a8c4] rounded-lg flex items-end justify-center aspect-16/9">
498            
499            <img class="w-full h-full object-cover" src=//images.ctfassets.net/sgukisowwnan/7KmfT7GUt3QjYzO2wKHsg2/de362385d59f6b2d557f25cb971acfec/HowtoPublish.png alt="How to Publish Your Academic Paper without Publishers, Bosses, Gods, or Masters: A Guidebook by Jessica Farrell / woman on the summit of a mountain / Library Futures" />
500          </figure>
501          <div class="p-5">
502            <span class="inline-block font-sans text-[12px] font-bold tracking-[0.12em] uppercase text-[#7d1b6e] bg-[#f3e8f1] px-2.5 py-1 mb-3">
503              news
504            </span>
505            <h3 class="font-semibold leading-tight text-lg text-[#1a1a1a] mb-3 group-hover:text-[#7d1b6e] transition-colors">
505Introducing How to Publish Your Academic Paper without Publishers, Bosses, Gods, or Masters</h3>
506            <div class="font-sans text-[12px] font-bold tracking-widest uppercase text-[#aaa] mb-3">
507              Jun 04, 2026
508            </div>
509            <div class="mb-4 md:mb-0">
510              <p class="font-serif">Research Network member Jessica Farrell guides you through publishing outside the academy through building your own community.</p>
511            </div>
512            <a href="/post/introducing-how-to-publish" class="md:sr-only font-sans text-[12px] md:text-[16px] font-bold tracking-wider uppercase bg-[#1a1a1a] text-white rounded-full py-2.5 px-5 cursor-pointer hover:bg-[#7d1b6e] transition-colors">Read more →</a>
513          </div>
514          <a href="/post/introducing-how-to-publish" class="hidden md:block absolute top-0 left-0 h-full w-full"> </a>
515        </div>
516     
517      
518        <div class="border-2 border-[#e0e0e0] rounded-xl overflow-hidden bg-white hover:border-[#7d1b6e] hover:shadow-lg group h-full transform translate-y-0 hover:-translate-y-2 transition-all md:relative">
519          <figure class="bg-[#f3eaf2] border-[1.5px] border-dashed border-[#c9a8c4] rounded-lg flex items-end justify-center aspect-16/9">
520            
521            <img class="w-full h-full object-cover" src=//images.ctfassets.net/sgukisowwnan/1pX51nfQPtUPdohsxZnLO6/55c69595d94a81767460519920195920/ImagineIF-Blue.jpg alt="Image IF the Game / Library Futures logo / An Intellectual Freedom Adventure / suspicious looking cat" />
522          </figure>
523          <div class="p-5">
524            <span class="inline-block font-sans text-[12px] font-bold tracking-[0.12em] uppercase text-[#7d1b6e] bg-[#f3e8f1] px-2.5 py-1 mb-3">
525              news
526            </span>
527            <h3 class="font-semibold leading-tight text-lg text-[#1a1a1a] mb-3 group-hover:text-[#7d1b6e] transition-colors">Library Futures Presents… Imagine IF</h3>
528            <div class="font-sans text-[12px] font-bold tracking-widest uppercase text-[#aaa] mb-3">
529              Feb 23, 2026
530            </div>
531            <div class="mb-4 md:mb-0">
532              <p class="font-serif">Play our game-based introduction to intellectual freedom!</p>
533            </div>
534            <a href="/post/library-futures-presents-imagine-if" class="md:sr-only font-sans text-[12px] md:text-[16px] font-bold tracking-wider uppercase bg-[#1a1a1a] text-white rounded-full py-2.5 px-5 cursor-pointer hover:bg-[#7d1b6e] transition-colors">Read more →</a>
535          </div>
536          <a href="/post/library-futures-presents-imagine-if" class="hidden md:block absolute top-0 left-0 h-full w-full"> </a>
537        </div>
538    
539  </div>
540  <div class="mt-6 md:mt-8 flex flex-col sm:flex-row justify-center gap-3">
541    <a href="/blog" class="font-sans text-sm font-bold tracking-wider uppercase border-[1.5px] border-[#1a1a1a] rounded-full bg-white py-2.5 px-6 cursor-pointer text-[#1a1a1a] hover:bg-[#1a1a1a] hover:text-white transition-colors">
542      All posts →
543    </a>
544    <a href="/events" class="font-sans text-sm font-bold tracking-wider uppercase border-[1.5px] border-[#7d1b6e] rounded-full bg-[#7d1b6e] text-white py-2.5 px-6 cursor-pointer hover:bg-[#651659] transition-colors">
545      All events →
546    </a>
547  </div>
548</div>
549
550<!-- Featured section -->
551<div class="py-4 px-6 md:py-8 md:px-24 bg-white">
552  <div class="flex items-center justify-between mb-6">
553    <div>
554      <div class="font-sans text-sm font-bold tracking-[0.14em] uppercase text-[#aaa] mb-2">
555        Publications & insights</div>
556      <h2 class="font-sans text-2xl md:text-2xl font-black uppercase text-[#1a1a1a]">
557        Our research
558      </h2>
559    </div>
560    <a href="/publications/" class="button hidden sm:block font-sans text-sm font-bold tracking-wider uppercase border-[1.5px] border-[#1a1a1a] rounded-full bg-white py-2 px-5 cursor-pointer text-[#1a1a1a] hover:bg-[#1a1a1a] hover:text-white transition-colors">All research →</a>
561  </div>
562  <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
563    
564      
565      <div class="relative transform translate-y-0 hover:-translate-y-2 transition-all">
566        <div class="border-2 border-[#e0e0e0] rounded-xl overflow-hidden bg-white hover:border-[#7d1b6e] hover:shadow-lg transition-all group h-full">
567          <figure class="bg-[#f3eaf2] border-[1.5px] border-dashed border-[#c9a8c4] rounded-lg flex items-end justify-center aspect-16/9 overflow-hidden">
568            <img src="//images.ctfassets.net/sgukisowwnan/5xjoU8p2hLfRSN6lNp6irN/374571c5f4172fbac238a7d30081d4b7/TRACK_10_zine_-_cover_image.png" alt="TRACK 10: a librarian's journey beyond the algorithm by thomas gagnon-van leeuwen / knitting pattern and torn Spotify logo" />
569          </figure>
570          <div class="p-5">
571            <span class="inline-block font-sans text-[12px] font-bold tracking-[0.12em] uppercase text-[#7d1b6e] bg-[#f3e8f1] px-2.5 py-1 mb-3">
572              Blog</span>
573            <h3 class="font-sans text-lg font-bold leading-tight text-[#1a1a1a] mb-3 group-hover:text-[#7d1b6e] transition-colors">Sick of your Spotify algorithm? Read this zine.</h3>
574            <div class="font-sans text-[12px] font-bold tracking-widest uppercase text-[#aaa] mb-3">
575              Dec 04, 2025
576            </div>
577            <div class="mb-4 md:mb-0">
578              <p class="font-serif">But what if algorithms were not an inevitable part of how we listen to music? Library Futures intern Thomas Gagnon-van Leeuwen explores the role of libraries in music.</p>
579            </div>
580            <a href="/post/sick-of-your-spotify-algorithm-read-this-zine" class="md:sr-only font-sans text-[12px] md:text-[16px] font-bold tracking-wider uppercase bg-[#1a1a1a] text-white rounded-full py-2.5 px-5 cursor-pointer hover:bg-[#7d1b6e] transition-colors">Read more →</a>
581          </div>
582        </div>
583        <a href="/post/sick-of-your-spotify-algorithm-read-this-zine" class="hidden md:block absolute top-0 left-0 h-full w-full">
584        </a>
585      </div>
586    
587      
588      <div class="relative transform translate-y-0 hover:-translate-y-2 transition-all">
589        <div class="border-2 border-[#e0e0e0] rounded-xl overflow-hidden bg-white hover:border-[#7d1b6e] hover:shadow-lg transition-all group h-full">
590          <figure class="bg-[#f3eaf2] border-[1.5px] border-dashed border-[#c9a8c4] rounded-lg flex items-end justify-center aspect-16/9 overflow-hidden">
591            <img src="//images.ctfassets.net/sgukisowwnan/236CUTs2Hu6qjOLUBUf6r8/43ac89242504e0b9215a8f5d779da5b6/Library-LocalNews.png" alt="Exploring the Future of Library-Local News Collaboration / hands holding news on a phone and a library card / Thomas Alexander / Library Futures logo" />
592          </figure>
593          <div class="p-5">
594            <span class="inline-block font-sans text-[12px] font-bold tracking-[0.12em] uppercase text-[#7d1b6e] bg-[#f3e8f1] px-2.5 py-1 mb-3">
595              Blog</span>
596            <h3 class="font-sans text-lg font-bold leading-tight text-[#1a1a1a] mb-3 group-hover:text-[#7d1b6e] transition-colors">The Future is Digital, Local, and Read All Over: Visions for Library-Newsroom Collaboration</h3>
597            <div class="font-sans text-[12px] font-bold tracking-widest uppercase text-[#aaa] mb-3">
598              Sep 15, 2025
599            </div>
600            <div class="mb-4 md:mb-0">
601              <p class="font-serif">How can libraries, journalists, and newsrooms collaborate to create the future of local digital news?</p>
602            </div>
603            <a href="/post/visions-for-library-newsroom-collaboration" class="md:sr-only font-sans text-[12px] md:text-[16px] font-bold tracking-wider uppercase bg-[#1a1a1a] text-white rounded-full py-2.5 px-5 cursor-pointer hover:bg-[#7d1b6e] transition-colors">Read more →</a>
604          </div>
605        </div>
606        <a href="/post/visions-for-library-newsroom-collaboration" class="hidden md:block absolute top-0 left-0 h-full w-full">
607        </a>
608      </div>
609    
610  </div>
611</div>
612
613<!-- DONATE -->
614<div class="relative py-4 px-6 md:py-8 md:px-24 bg-gradient-to-br from-[#7d1b6e] via-[#6d1a5f] to-[#57068c] overflow-hidden">
615  <div class="absolute inset-0 bg-[url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHBhdHRlcm4gaWQ9ImdyaWQiIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHBhdGggZD0iTSAxMCAwIEwgMCAwIDAgMTAiIGZpbGw9Im5vbmUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS1vcGFjaXR5PSIwLjA1IiBzdHJva2Utd2lkdGg9IjEiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JpZCkiLz48L3N2Zz4=')] opacity-40"></div>
616  <div class="absolute top-10 right-20 w-32 h-32 bg-white/10 rounded-full blur-2xl"></div>
617  <div class="absolute bottom-10 left-20 w-40 h-40 bg-white/5 rounded-full blur-3xl"></div>
618  <div class="relative z-10 max-w-4xl mx-auto">
619    <div class="text-center mb-10">
620      <div class="inline-block mb-4">
621        <svg class="w-16 h-16 mx-auto text-white/80" fill="none" stroke="currentcolor" viewbox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12z"></path></svg>
622      </div>
623      <h2 class="font-sans text-3xl md:text-4xl font-black uppercase text-white tracking-wider mb-4 md:mb-5">Support our work</h2>
624      <div class="font-serif text-base md:text-lg leading-relaxed text-white/95 max-w-2xl mx-auto mb-6 md:mb-8"><p>Library Futures is donor-supported. Your contribution funds independent research, legal advocacy, and free public resources for libraries everywhere.</p></div>
625      <a href="/donate" class="font-sans text-sm font-bold tracking-wider up
625percase border-2 border-white rounded-full bg-white text-[#7d1b6e] py-4 px-10 cursor-pointer hover:bg-transparent hover:text-white transition-all transform hover:scale-110 shadow-2xl hover:shadow-white/20">Make a donation →</a>
626    </div>
627    <div class="grid grid-cols-1 md:grid-cols-4 mt-8 md:mt-12 pt-6 md:pt-8 md:border-t border-white/20">
628      <div class="text-center pb-4 md:pb-0">
629        <div class="font-sans text-3xl font-black text-white mb-1">Research</div>
630        <div class="font-sans text-sm tracking-wider uppercase text-white/70">Independent Scholars</div>
631      </div>
632      <div class="text-center border-y md:border-y-0 md:border-x border-white/20 py-4 md:py-0">
633        <div class="font-sans text-3xl font-black text-white mb-1">Legal</div>
634        <div class="font-sans text-sm tracking-wider uppercase text-white/70">Representation & Support</div>
635      </div>
636      <div class="text-center border-b md:border-b-0 md:border-r border-white/20 py-4 md:py-0">
637        <div class="font-sans text-3xl font-black text-white mb-1">Education</div>
638        <div class="font-sans text-sm tracking-wider uppercase text-white/70">Free Resources</div>
639      </div>
640      <div class="text-center pt-4 md:pt-0">
641        <div class="font-sans text-3xl font-black text-white mb-1">Advocacy</div>
642        <div class="font-sans text-sm tracking-wider uppercase text-white/70">Policy</div>
643      </div>
644    </div>
645  </div>
646</div>
647
648
649    
650
651<footer class="bg-gradient-to-b from-[#fafafa] to-white pt-8 md:pt-12 pb-6 md:pb-8 px-4 md:px-7 border-t border-[#ddd]">
652  <div class="grid grid-cols-1 md:grid-cols-[1fr_2fr] gap-8 md:gap-12 mb-2">
653    <div><img src="/assets/img/lf-vertical-lockup-color.svg" alt="Library Futures" class="h-18 w-auto mb-4">
654      <p class="font-serif text-[#555] leading-relaxed">Defending the right to information at the intersection of technology, policy, and public access.</p>
655    </div>
656    
657    <div class="grid grid-cols-1 sm:grid-cols-2 gap-6 md:gap-8">
658      
659        <div>
660          <h4 class="font-sans font-black tracking-widest uppercase text-[#7d1b6e] mb-4">About</h4>
661          <ul class="space-y-2.5">
662            
663              
664              
665
666              <li>
667                <a href="/" class="link text-[#1a1a1a] tracking-wider transition-all duration-200 underline">
668                  <span class="">Home</span>
669                </a>
670              </li>
671            
672              
673              
674
675              <li>
676                <a href="/who-we-are" class="link text-[#1a1a1a] tracking-wider transition-all duration-200 underline">
677                  <span class="">Who We Are</span>
678                </a>
679              </li>
680            
681              
682              
683
684              <li>
685                <a href="/blog" class="link text-[#1a1a1a] tracking-wider transition-all duration-200 underline">
686                  <span class="">Blog</span>
687                </a>
688              </li>
689            
690          </ul>
691        </div>
692      
693        <div>
694          <h4 class="font-sans font-black tracking-widest uppercase text-[#7d1b6e] mb-4">Our Work</h4>
695          <ul class="space-y-2.5">
696            
697              
698              
699
700              <li>
701                <a href="/publications" class="link text-[#1a1a1a] tracking-wider transition-all duration-200 underline">
702                  <span class="">Publications</span>
703                </a>
704              </li>
705            
706              
707              
708
709              <li>
710                <a href="/events" class="link text-[#1a1a1a] tracking-wider transition-all duration-200 underline">
711                  <span class="">Events</span>
712                </a>
713              </li>
714            
715              
716              
717
718              <li>
719                <a href="https://www.givecampus.com/campaigns/21763/donations/new?designation=engelbergcenterlibraryfutures&" class="link text-[#1a1a1a] tracking-wider transition-all duration-200 underline">
720                  <span class="">Donate</span>
721                </a>
722              </li>
723            
724          </ul>
725        </div>
726      
727    </div>
728  </div>
729
730  <div class="w-full flex gap-4 justify-center my-4">
731    <!-- Bluesky -->
732    <a href="https://bsky.app/profile/libraryfutures.bsky.social" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center w-10 h-10 text-white">
733
734      <svg fill="none" viewBox="0 0 64 57" class="w-8 h-8" fill="currentColor"><path fill="#7d1b6e" d="M13.873 3.805C21.21 9.332 29.103 20.537 32 26.55v15.882c0-.338-.13.044-.41.867-1.512 4.456-7.418 21.847-20.923 7.944-7.111-7.32-3.819-14.64 9.125-16.85-7.405 1.264-15.73-.825-18.014-9.015C1.12 23.022 0 8.51 0 6.55 0-3.268 8.579-.182 13.873 3.805ZM50.127 3.805C42.79 9.332 34.897 20.537 32 26.55v15.882c0-.338.13.044.41.867 1.512 4.456 7.418 21.847 20.923 7.944 7.
734111-7.32 3.819-14.64-9.125-16.85 7.405 1.264 15.73-.825 18.014-9.015C62.88 23.022 64 8.51 64 6.55c0-9.818-8.578-6.732-13.873-2.745Z"></path></svg>
735    </a>
736   
737    <!-- LinkedIn -->
738    <a href="https://www.linkedin.com/company/library-futures" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center w-10 h-10">
739      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-8 h-8" fill="currentColor">
740        <path fill="#7d1b6e" d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 1 1 0-4.124 2.062 2.062 0 0 1 0 4.124zM7.114 20.452H3.558V9h3.556v11.452z"/>
741      </svg>
742    </a>
743   
744    <!-- Instagram -->
745    <a href="https://www.instagram.com/libraryfutures/" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center w-10 h-10">
746      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-8 h-8" fill="currentColor">
747        <path fill="#7d1b6e" d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zm0 10.162a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z"/>
748      </svg>
749    </a>
750
751    <!-- Email -->
752    <a href="mailto:[email protected]" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center w-10 h-10">
753      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="w-8 h-8" fill="currentColor">
754        <path fill="#7d1b6e" d="M1.5 8.67v8.58a3 3 0 0 0 3 3h15a3 3 0 0 0 3-3V8.67l-8.928 5.493a3 3 0 0 1-3.144 0L1.5 8.67Z" />
755        <path fill="#7d1b6e" d="M22.5 6.908V6.75a3 3 0 0 0-3-3h-15a3 3 0 0 0-3 3v.158l9.714 5.978a1.5 1.5 0 0 0 1.572 0L22.5 6.908Z" />
756      </svg>
757    </a>
758
759  </div>
760
761  <div class="pt-4 md:pt-6 border-t border-[#e0e0e0]">
762    <div class="flex flex-col md:flex-row items-center justify-between gap-4">
763      <div class="flex items-center gap-4 flex-wrap text-center md:text-left">
764        <span class="font-sans text-[14px] text-[#aaa]">Content licensed under <a href="https://creativecommons.org/licenses/by/4.0/" class="link">CC BY 4.0</a></span><span class="text-[#ddd]">•</span>
765        <span class="font-sans text-[14px] text-[#aaa]">CC BY 2026 Library Futures</span>
766      </div>
767      <a href="https://www.nyuengelberg.org/" class="font-sans text-[14px] font-bold text-[#57068c] hover:text-[#7d1b6e] underline transition-colors">NYU Law Engelberg Center on Innovation Law and Policy →</a>
768    </div>
769  </div>
770</footer>
771
772
773
774    
775
776  </body>
777</html>
778
779
780

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.