-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathlc_home.html
More file actions
77 lines (73 loc) · 18.6 KB
/
lc_home.html
File metadata and controls
77 lines (73 loc) · 18.6 KB
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
<!doctype html><html class=scroll-smooth lang=en-us dir=ltr><head><meta name=generator content="Hugo 0.139.2"><meta charset=utf-8><meta name=viewport content="width=device-width"><title>Library Carpentry</title>
<link rel=preconnect href=https://fonts.googleapis.com><link rel=preconnect href=https://fonts.gstatic.com crossorigin><link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap" rel=stylesheet><script defer src=https://cdn.jsdelivr.net/npm/@glidejs/glide@3.5.x></script><script src=https://kit.fontawesome.com/3a6fac633d.js crossorigin=anonymous></script><script>var _paq=window._paq=window._paq||[];_paq.push(["setDocumentTitle",document.domain+"/"+document.title]),_paq.push(["setDomains",["*.librarycarpentry.org"]]),_paq.push(["setDoNotTrack",!0]),_paq.push(["disableCookies"]),_paq.push(["trackPageView"]),_paq.push(["enableLinkTracking"]),function(){t="https://carpentries.matomo.cloud/",_paq.push(["setTrackerUrl",t+"matomo.php"]),_paq.push(["setSiteId","9"]);var t,n=document,e=n.createElement("script"),s=n.getElementsByTagName("script")[0];e.async=!0,e.src="//cdn.matomo.cloud/carpentries.matomo.cloud/matomo.js",s.parentNode.insertBefore(e,s)}()</script><noscript><p><img src="https://carpentries.matomo.cloud/matomo.php?idsite=9&rec=1" style=border:0 alt></p></noscript><link rel=alternate type=application/rss+xml href=https://librarycarpentry.org/index.xml title="Library Carpentry"><link href="/css/styles.min.82743db0b7a91290cf308d53776c1b0d7e90f2eec2022f7f5818b96e2cc76cc1.css" rel=stylesheet><script defer src=/js/main.8ce3eeb3cf7ed1b286828e94b6372c8f6f665f4d85033a75f9df013ae45629c2.js integrity="sha256-jOPus89+0bKGgo6Utjcsj29mX02FAzp1+d8BOuRWKcI=" crossorigin=anonymous></script><meta property="og:url" content="https://librarycarpentry.org/"><meta property="og:site_name" content="Library Carpentry"><meta property="og:title" content="Home"><meta property="og:locale" content="en_us"><meta property="og:type" content="website"><meta itemprop=name content="Home"><meta itemprop=datePublished content="2023-01-01T08:00:00-07:00"><meta itemprop=dateModified content="2023-01-01T08:00:00-07:00"></head><body class=font-sans><header><header><div class="text-white bg-blue-mid" x-data="{ open: false }"><div class="container px-5 mx-auto"><div class="grid items-center grid-cols-1 text-center md:justify-start md:flex md:flex-row" :class="open ? 'h-auto' : 'h-10 overflow-hidden'"><div class="order-2 md:hidden"><a href=https://carpentries.org/ aria-current=page class="px-4 py-[10px] font-bold text-sm hover:underline default h-10 inline-block">The Carpentries</a></div><a href=https://carpentries.org/ aria-current=page class="px-4 py-[10px] font-bold text-sm hover:underline default hidden md:inline-block">The Carpentries</a><div class="order-2 md:hidden"><a href=https://datacarpentry.org/ aria-current=page class="px-4 py-[10px] font-bold text-sm hover:underline default h-10 inline-block">Data Carpentry</a></div><a href=https://datacarpentry.org/ aria-current=page class="px-4 py-[10px] font-bold text-sm hover:underline default hidden md:inline-block">Data Carpentry</a><div class="order-1 md:hidden"><button class="inline-block h-10" x-on:click="open = ! open">Library Carpentry</button></div><a href=/ aria-current=true class="px-4 py-[10px] font-bold text-sm hover:underline bg-white text-blue-900 hidden md:inline-block">Library Carpentry</a><div class="order-2 md:hidden"><a href=https://software-carpentry.org/ aria-current=page class="px-4 py-[10px] font-bold text-sm hover:underline default h-10 inline-block">Software Carpentry</a></div><a href=https://software-carpentry.org/ aria-current=page class="px-4 py-[10px] font-bold text-sm hover:underline default hidden md:inline-block">Software Carpentry</a></div></div></div><div class="py-4 bg-gray-light" x-data="{ mobileOpen: false, activeDropdown: null }" @click.outside="activeDropdown = null"><div class="container relative flex px-5 mx-auto"><div class=w-40><a href=/><img class="max-w-[117px] md:max-w-[156px]" src=/lc_logo.svg alt="Library Carpentry Logo"></a></div><div class="flex justify-end flex-1 lg:hidden"><button class="flex items-center navbar-toggler" :aria-expanded="mobileOpen ? 'true' : 'false'" x-on:click="mobileOpen = ! mobileOpen">
<span class=navbar-toggler-hamburger><span class=hamburger-line></span>
<span class=hamburger-line></span>
<span class=hamburger-line></span>
</span><span class=text-blue-bright>Menu</span></button></div><div class="absolute z-30 max-w-[250px] w-full right-0 top-10 lg:top-0 lg:!flex flex-col justify-end flex-1 lg:max-w-5xl px-6 py-3 mx-auto text-sm font-bold bg-white shadow-md lg:shadow-none lg:py-0 lg:pl-10 lg:items-center lg:bg-transparent lg:relative lg:flex-row" x-show=mobileOpen><div class="relative group" x-on:keydown.escape.prevent.stop="activeDropdown = null"><button x-on:click="activeDropdown = activeDropdown === 'about-us' ? null : 'about-us'" type=button aria-current=page class="pr-8 hover:underline mb-4 lg:mb-0 inline-block default menu-has-children"><span class="relative pr-4"></s>About us</span></button><div x-show="activeDropdown === 'about-us'" x-transition.origin.top.left style=display:none class="lg:absolute z-50 lg:shadow-lg lg:bg-gray-light lg:top-[100%] whitespace-nowrap lg:px-7 lg:py-3 lg:left-[-30px] mb-2 lg:mb-0 -mt-2 lg:-mt-0"><a href=/about-us/ class="block px-2 py-2 hover:underline">Library Carpentry</a>
<a href=/about-us/governance/ class="block px-2 py-2 hover:underline">Governance</a>
<a href=/about-us/curriculum-advisors/ class="block px-2 py-2 hover:underline">Curriculum Advisors</a></div></div><div class="relative group" x-on:keydown.escape.prevent.stop="activeDropdown = null"><button x-on:click="activeDropdown = activeDropdown === 'workshops' ? null : 'workshops'" type=button aria-current=page class="pr-8 hover:underline mb-4 lg:mb-0 inline-block default menu-has-children"><span class="relative pr-4"></s>Workshops</span></button><div x-show="activeDropdown === 'workshops'" x-transition.origin.top.left style=display:none class="lg:absolute z-50 lg:shadow-lg lg:bg-gray-light lg:top-[100%] whitespace-nowrap lg:px-7 lg:py-3 lg:left-[-30px] mb-2 lg:mb-0 -mt-2 lg:-mt-0"><a href=/workshops/workshops-upcoming/ class="block px-2 py-2 hover:underline">Upcoming Workshops</a>
<a href=/workshops/workshops-past/ class="block px-2 py-2 hover:underline">Past Workshops</a></div></div><div class="relative group" x-on:keydown.escape.prevent.stop="activeDropdown = null"><a href=/lessons/ aria-current=page class="pr-8 hover:underline mb-4 lg:mb-0 inline-block default">Lessons</a></div><div class="relative group" x-on:keydown.escape.prevent.stop="activeDropdown = null"><a href="https://www.zeffy.com/en-US/donation-form/donate-to-make-a-difference-7497?utm_source=librarycarpentry" aria-current=page class="pr-8 hover:underline mb-4 lg:mb-0 inline-block default">Donate</a></div></div></div></div></header></header><div class="h-full flex flex-col justify-between"><main><div class="py-10 bg-blue-light"><div class="container flex items-center justify-center mx-auto space-x-2 text-lg"><div class=font-bold>I want to</div><div class="inline-flex justify-center"><div x-data="{
open: false,
toggle() {
if (this.open) {
return this.close()
}
this.$refs.button.focus()
this.open = true
},
close(focusAfter) {
if (! this.open) return
this.open = false
focusAfter && focusAfter.focus()
}
}" x-on:keydown.escape.prevent.stop=close($refs.button) x-on:focusin.window="! $refs.panel.contains($event.target) && close()" x-id="['dropdown-button']" class=relative><button x-ref=button x-on:click=toggle() :aria-expanded=open :aria-controls="$id('dropdown-button')" type=button class="flex items-center gap-2 font-bold underline"><svg class="w-5 h-5 text-gray-400" viewBox="0 0 20 20" fill="currentcolor"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414.0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414.0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"/></svg></button><div x-ref=panel x-show=open x-transition.origin.top.left x-on:click.outside=close($refs.button) :id="$id('dropdown-button')" style=display:none class="absolute left-0 z-30 p-5 mt-2 text-sm font-semibold shadow-md bg-blue-light w-60"><ul><li class="mb-2 last:mb-0"><a class=hover:underline href=/workshops/workshops-upcoming/>See upcoming workshops</a></li><li class="mb-2 last:mb-0"><a class=hover:underline href=https://amy.carpentries.org/forms/workshop/>Request a workshop</a></li><li class="mb-2 last:mb-0"><a class=hover:underline href=/lessons/>See the curriculum</a></li><li class="mb-2 last:mb-0"><a class=hover:underline href="https://www.zeffy.com/en-US/donation-form/donate-to-make-a-difference-7497?utm_source=librarycarpentry">Donate to The Carpentries</a></li></ul></div></div></div></div></div><div class="relative py-24 md:pt-40 md:pb-36"><img class="absolute inset-0 object-cover w-full h-full brightness-[.85] z-10" src=/images/hero-background.jpg><div class="container relative z-20 mx-auto text-white"><h1 class="text-3xl md:text-[2.625rem] md:leading-[3.125rem] max-w-2xl font-semibold lg:pr-10">Library Carpentry is a lesson program within The Carpentries teaching software and data skills for people working in library- and information-related roles.</h1></div></div></main><footer><div class="px-5 py-8 bg-gray-dark text-offwhite"><div class="container mx-auto"><div class="grid items-center grid-cols-1 gap-5 md:grid-cols-2"><div><img class="max-w-[117px] md:max-w-[156px]" alt="Library Carpentry Logo" src=/lc_logo.svg></div><div class="text-xs md:text-sm md:pl-20">Library Carpentry is a lesson program of The Carpentries.</div></div></div><div class="container py-8 mx-auto my-8 border-t border-b border-t-offwhite border-b-offwhite"><div class="grid grid-cols-1 gap-5 md:grid-cols-5 lg:grid-cols-6"><div x-data="{ open: false }"><h4 class="inline-flex mb-2 text-sm md:font-bold md:pointer-events-none relative md:after:content-none after:content-[''] after:bg-[url('/chevron-down-white.svg')] after:bg-no-repeat after:right-[-14px] after:top-[8px] after:w-2 after:h-2 after:absolute"><button x-on:click="open = ! open">About The Carpentries</button></h4><ul class="text-sm md:text-xs font-bold md:font-extrabold
[&>li]:mb-2 [&>li]:underline [&>li]:transition-colors [&>li]:duration-300
[&>li:hover]:text-[#FFC700]
hover:[&>li>a]:underline md:h-auto pl-5 md:pl-0
md:[&>li>a:after]:content-none [&>li>a:after]:content-['']
[&>li>a:after]:bg-[url('/arrow-right-white.svg')] [&>li>a:after]:bg-no-repeat
[&>li>a:after]:right-[-14px] [&>li>a:after]:top-[5px] [&>li>a:after]:w-[9px]
[&>li>a:after]:h-[9px] [&>li>a:after]:absolute" :class="open ? 'h-auto' : 'h-0 overflow-hidden'"><li><a class=relative href=https://carpentries.org/about-us/#our-mission>Our mission</a></li><li><a class=relative href=https://carpentries.org/about-us/#our-history>Our history</a></li><li><a class=relative href=https://carpentries.org/about-us/#our-values>Our values</a></li></ul></div><div x-data="{ open: false }"><h4 class="inline-flex mb-2 text-sm md:font-bold md:pointer-events-none relative md:after:content-none after:content-[''] after:bg-[url('/chevron-down-white.svg')] after:bg-no-repeat after:right-[-14px] after:top-[8px] after:w-2 after:h-2 after:absolute"><button x-on:click="open = ! open">Our community</button></h4><ul class="text-sm md:text-xs font-bold md:font-extrabold
[&>li]:mb-2 [&>li]:underline [&>li]:transition-colors [&>li]:duration-300
[&>li:hover]:text-[#FFC700]
hover:[&>li>a]:underline md:h-auto pl-5 md:pl-0
md:[&>li>a:after]:content-none [&>li>a:after]:content-['']
[&>li>a:after]:bg-[url('/arrow-right-white.svg')] [&>li>a:after]:bg-no-repeat
[&>li>a:after]:right-[-14px] [&>li>a:after]:top-[5px] [&>li>a:after]:w-[9px]
[&>li>a:after]:h-[9px] [&>li>a:after]:absolute" :class="open ? 'h-auto' : 'h-0 overflow-hidden'"><li><a class=relative href=https://carpentries.org/community/>Our volunteers</a></li><li><a class=relative href=https://carpentries.org/about-us/governance/>Our governance</a></li><li><a class=relative href=https://carpentries.org/community/get-connected/>Get involved</a></li></ul></div><div x-data="{ open: false }"><h4 class="inline-flex mb-2 text-sm md:font-bold md:pointer-events-none relative md:after:content-none after:content-[''] after:bg-[url('/chevron-down-white.svg')] after:bg-no-repeat after:right-[-14px] after:top-[8px] after:w-2 after:h-2 after:absolute"><button x-on:click="open = ! open">Membership</button></h4><ul class="text-sm md:text-xs font-bold md:font-extrabold
[&>li]:mb-2 [&>li]:underline [&>li]:transition-colors [&>li]:duration-300
[&>li:hover]:text-[#FFC700]
hover:[&>li>a]:underline md:h-auto pl-5 md:pl-0
md:[&>li>a:after]:content-none [&>li>a:after]:content-['']
[&>li>a:after]:bg-[url('/arrow-right-white.svg')] [&>li>a:after]:bg-no-repeat
[&>li>a:after]:right-[-14px] [&>li>a:after]:top-[5px] [&>li>a:after]:w-[9px]
[&>li>a:after]:h-[9px] [&>li>a:after]:absolute" :class="open ? 'h-auto' : 'h-0 overflow-hidden'"><li><a class=relative href=https://carpentries.org/support/membership/membership-faq/>Membership FAQ</a></li><li><a class=relative href=https://carpentries.org/support/membership/member-list/>Current members</a></li><li><a class=relative href=https://carpentries.org/support/membership/>Become a member</a></li></ul></div><div x-data="{ open: false }"><h4 class="inline-flex mb-2 text-sm md:font-bold md:pointer-events-none relative md:after:content-none after:content-[''] after:bg-[url('/chevron-down-white.svg')] after:bg-no-repeat after:right-[-14px] after:top-[8px] after:w-2 after:h-2 after:absolute"><button x-on:click="open = ! open">Workshops</button></h4><ul class="text-sm md:text-xs font-bold md:font-extrabold
[&>li]:mb-2 [&>li]:underline [&>li]:transition-colors [&>li]:duration-300
[&>li:hover]:text-[#FFC700]
hover:[&>li>a]:underline md:h-auto pl-5 md:pl-0
md:[&>li>a:after]:content-none [&>li>a:after]:content-['']
[&>li>a:after]:bg-[url('/arrow-right-white.svg')] [&>li>a:after]:bg-no-repeat
[&>li>a:after]:right-[-14px] [&>li>a:after]:top-[5px] [&>li>a:after]:w-[9px]
[&>li>a:after]:h-[9px] [&>li>a:after]:absolute" :class="open ? 'h-auto' : 'h-0 overflow-hidden'"><li><a class=relative href=https://carpentries.org/workshops/workshops-faq/>Workshops FAQ</a></li><li><a class=relative href=https://carpentries.org/workshops/upcoming-workshops/>Upcoming workshops</a></li><li><a class=relative href=https://carpentries.org/workshops/host-workshop/>Request a workshop</a></li></ul></div><div x-data="{ open: false }"><h4 class="inline-flex mb-2 text-sm md:font-bold md:pointer-events-none relative md:after:content-none after:content-[''] after:bg-[url('/chevron-down-white.svg')] after:bg-no-repeat after:right-[-14px] after:top-[8px] after:w-2 after:h-2 after:absolute"><button x-on:click="open = ! open">Lessons</button></h4><ul class="text-sm md:text-xs font-bold md:font-extrabold
[&>li]:mb-2 [&>li]:underline [&>li]:transition-colors [&>li]:duration-300
[&>li:hover]:text-[#FFC700]
hover:[&>li>a]:underline md:h-auto pl-5 md:pl-0
md:[&>li>a:after]:content-none [&>li>a:after]:content-['']
[&>li>a:after]:bg-[url('/arrow-right-white.svg')] [&>li>a:after]:bg-no-repeat
[&>li>a:after]:right-[-14px] [&>li>a:after]:top-[5px] [&>li>a:after]:w-[9px]
[&>li>a:after]:h-[9px] [&>li>a:after]:absolute" :class="open ? 'h-auto' : 'h-0 overflow-hidden'"><li><a class=relative href=https://carpentries.org/lessons/>Search lessons</a></li><li><a class=relative href=https://carpentries.org/instructor-training/>Instructor Training</a></li><li><a class=relative href=https://carpentries.org/trainer-training/>Instructor Trainer Training</a></li></ul></div><div x-data="{ open: false }"><h4 class="inline-flex mb-2 text-sm md:font-bold md:pointer-events-none relative md:after:content-none after:content-[''] after:bg-[url('/chevron-down-white.svg')] after:bg-no-repeat after:right-[-14px] after:top-[8px] after:w-2 after:h-2 after:absolute"><button x-on:click="open = ! open">Lesson Development</button></h4><ul class="text-sm md:text-xs font-bold md:font-extrabold
[&>li]:mb-2 [&>li]:underline [&>li]:transition-colors [&>li]:duration-300
[&>li:hover]:text-[#FFC700]
hover:[&>li>a]:underline md:h-auto pl-5 md:pl-0
md:[&>li>a:after]:content-none [&>li>a:after]:content-['']
[&>li>a:after]:bg-[url('/arrow-right-white.svg')] [&>li>a:after]:bg-no-repeat
[&>li>a:after]:right-[-14px] [&>li>a:after]:top-[5px] [&>li>a:after]:w-[9px]
[&>li>a:after]:h-[9px] [&>li>a:after]:absolute" :class="open ? 'h-auto' : 'h-0 overflow-hidden'"><li><a class=relative href=https://carpentries.org/lesson-development/>Collaborative Lesson Development Training</a></li><li><a class=relative href=https://carpentries-incubator.org/>Carpentries Incubator</a></li><li><a class=relative href=https://carpentries-lab.org/>Carpentries Lab</a></li></ul></div></div></div><div class="container mx-auto"><div class="flex flex-wrap"><div class="flex w-full mb-8 text-sm lg:w-auto lg:mb-0"><div class=mr-10>© 2025 The Carpentries</div><div class=mr-10><a class=hover:underline href=/privacy/>Privacy Policy</a></div><div class=mr-10><a class=hover:underline href=/license/>License</a></div></div><div class="flex flex-wrap items-center lg:justify-end w-full lg:flex-1 gap-x-6 [&>a>img]:relative hover:[&>a>img]:bottom-[3px]"><span class="w-full mb-3 font-extrabold lg:w-auto md:mb-0 md:font-sm">Follow Us</span>
<a aria-label=Mastodon href=https://hachyderm.io/@thecarpentries><img alt=Mastodon src=/mastodon-logo.svg>
</a><a aria-label=LinkedIn href=https://www.linkedin.com/company/the-carpentries/><img alt=LinkedIn src=/linkedin-logo.svg>
</a><a aria-label=Slack href=https://swc-slack-invite.herokuapp.com/><img alt=Slack src=/slack-logo.svg>
</a><a aria-label=Github href=https://github.com/carpentries><img alt=Github src=/github-logo.svg>
</a><a aria-label=Zenodo href=https://zenodo.org/communities/carpentries/records><img alt=Zenodo src=/zenodo-logo.svg>
</a><a aria-label=Youtube href=https://www.youtube.com/thecarpentries><img alt=Youtube src=/youtube-logo.svg>
</a><a aria-label=Bluesky href=https://bsky.app/profile/carpentries.carpentries.org><img alt=Bluesky src=/bluesky-logo.svg>
</a><a class="px-4 py-2 mx-1 font-semibold border rounded-full text-gray-dark bg-offwhite hover:text-gray-dark hover:bg-golden hover:border-bg-golden" href="https://www.zeffy.com/en-US/donation-form/donate-to-make-a-difference-7497?utm_source=librarycarpentry">Donate</a></div></div></div></div></footer></div></body></html>