Books

src/components/Section.svelte

@@ -22,4 +22,5 @@
 			<slot />
 		</div>
 	</div>
+	<div id={`out-${id}`} class="h-48 md:hidden" />
 </section>

src/content/books/books.json

@@ -0,0 +1,226 @@
+[
+  {
+    "title": "Handbook of Research on Social Interaction Technologies and Collaboration Software",
+    "author": "Tatyana Dumova & Richard Fiordo",
+    "url": "https://www.google.com/books/edition/Handbook_of_Research_on_Social_Interacti/G7hWCRcl0ncC",
+    "image": "/images/book-covers/socialinteractions.jpeg",
+    "year": "2010"
+  },
+  {
+    "title": "Live Linux CDs, Building and Customising Bootables",
+    "author": "Christopher Negus",
+    "url": "https://www.google.com/books/edition/Live_Linux_CDs/2S3eUgb39C8C",
+    "image": "/images/book-covers/livelinuxcd.jpg",
+    "year": "2006"
+  },
+  {
+    "title": "Networked Affect",
+    "author": "Ken Hillis, Susanna Paasonen, Michael Petit",
+    "url": "https://direct.mit.edu/books/edited-volume/4057/Networked-Affect",
+    "image": "/images/book-covers/networkedaffect.jpeg",
+    "year": "2015"
+  },
+  {
+    "title": "Incommunicado reader",
+    "author": "Geert Lovink & Soenke Zehle",
+    "url": "https://networkcultures.org/blog/publication/incommunicado-reader/",
+    "image": "/images/book-covers/1reader_incommunicado.jpg",
+    "year": "2005"
+  },
+  {
+    "title": "The Purpose Economy, Expanded and updated",
+    "author": "Aaron Hurst",
+    "url": "https://www.amazon.com/-/en/Aaron-Hurst/dp/194342599X",
+    "image": "/images/book-covers/purposeeconomy.jpg",
+    "year": "2016"
+  },
+  {
+    "title": "Dynamics of critical internet culture (1994-2001)",
+    "author": "Geert Lovink",
+    "url": "https://www.google.com/books/edition/Dynamics_of_Critical_Internet_Culture_19/2IFanhsEJGwC",
+    "image": "/images/book-covers/dynamicsofinternetculture.jpg",
+    "year": "2009"
+  },
+  {
+    "title": "Mastering Blockchain",
+    "author": "Imran Bashir",
+    "url": "https://www.google.com/books/edition/Mastering_Blockchain/urkrDwAAQBAJ",
+    "image": "/images/book-covers/masteringblockcahin.jpg",
+    "year": "2017"
+  },
+  {
+    "title": "Emerging Issues, Challenges, and Opportunities in the Urban E-Planning",
+    "author": "Carlos Nunes Silva",
+    "url": "https://www.lehmanns.de/shop/naturwissenschaften/31895742-9781466681507-emerging-issues-challenges-and-opportunities-in-urban-e-planning",
+    "image": "/images/book-covers/emergingissueschallengesandopportunities.jpeg",
+    "year": "2015"
+  },
+  {
+    "title": "Networking. The Net as Artwork",
+    "author": "Tatiana Bazzichelli",
+    "url": "https://www.networkingart.eu/pdf/networking_bazzichelli.pdf",
+    "image": "/images/book-covers/networkigood for sorting ngthenetasart.jpg",
+    "year": "2008"
+  },
+  {
+    "title": "Handbook of Research on Open Source Software Technological, Economic, and Social Perspectives",
+    "author": "Kirk St. Amant, Brian Still",
+    "url": "https://www.google.com/books/edition/Handbook_of_Research_on_Open_Source_Soft/jVq9AQAAQBAJ",
+    "image": "/images/book-covers/opensourcesoftwaretechnologicalecosocperspective.jpg",
+    "year": "2007"
+  },
+  {
+    "title": "How Open is the future?",
+    "author": "Marleen Wynants & Jan Cornelius",
+    "url": "https://crosstalks.vub.ac.be/publication/how-open-future",
+    "image": "/images/book-covers/howopenisthefuture.jpg",
+    "year": "2005"
+  },
+  {
+    "title": "Handbook of the International Political Economy of Production",
+    "author": "Kees van der Pijl",
+    "url": "https://www.e-elgar.com/shop/gbp/handbook-of-the-international-political-economy-of-production-9781784712587.html",
+    "image": "/images/book-covers/handbook-of-the-international-political-economy-of-production-kees-van-der-pijl.jpg",
+    "year": "2016"
+  },
+  {
+    "title": "Another Language. Poetic Experiments in Britain and North America",
+    "author": "Kornelia Freitag, Katharina Vetter",
+    "url": "https://www.google.com/books/edition/Another_Language/JkIiKLmzATMC",
+    "image": "/images/book-covers/anotherlanguage.jpg",
+    "year": "2008"
+  },
+  {
+    "title": "Engineering Culture",
+    "author": "Geoff Cox & Joasia Krysa",
+    "url": "http://www.data-browser.net/db02.html",
+    "image": "/images/book-covers/engineeringculture.jpg",
+    "year": "2005"
+  },
+  {
+    "title": "Cost of Freedom, A Collective Inquiry",
+    "author": "Various Authors",
+    "url": "https://costoffreedom.cc/",
+    "image": "/images/book-covers/cof-cover-450x600.jpg",
+    "year": "2015"
+  },
+  {
+    "title": "Computer Privacy and Data Protection: An Element of Choice",
+    "author": "Various Authors",
+    "url": "https://www.google.com/books/edition/Computers_Privacy_and_Data_Protection_an/7iLyulobRg8C",
+    "image": "/images/book-covers/computersprivacyprotection.jpeg",
+    "year": "2011"
+  },
+  {
+    "title": "Deleuze and Contemporary Art",
+    "author": "Simon O'Sullivan, Stephen Zepke",
+    "url": "https://www.google.com/books/edition/Deleuze_and_Contemporary_Art/rRerBgAAQBAJ",
+    "image": "/images/book-covers/deluzecontemporary.jpg",
+    "year": "2010"
+  },
+  {
+    "title": "Read_me. Software Art & Cultures",
+    "author": "Simon O'Sullivan, Stephen Zepke",
+    "url": "https://www.amazon.com/Read-Me-Software-Art-Cultures/dp/8798844040",
+    "image": "/images/book-covers/readme.jpg",
+    "year": "2005"
+  },
+  {
+    "title": "Underneath the Knowledge Commons. Volume 2, Issue 1",
+    "author": "J. Berry Slater",
+    "url": "https://www.google.com/books/edition/Underneath_the_Knowledge_Commons/2c6a91tqXEkC",
+    "image": "/images/book-covers/underneattheknowledge.jpg",
+    "year": "2005"
+  },
+  {
+    "title": "The Alternative Media Handbook",
+    "author": "Kate Coyer, Tony Dowmunt, Alan Fountain ",
+    "url": "https://www.google.com/books/edition/The_Alternative_Media_Handbook/Tu2rAgAAQBAJ",
+    "image": "/images/book-covers/alternativemediahanbook.jpg",
+    "year": "2007"
+  },
+  {
+    "title": "Hacked Transmissions. Technology and Connective Activism in Italy",
+    "author": "Alessandra Renzi ",
+    "url": "https://www.google.com/books/edition/Hacked_Transmissions/KsPRDwAAQBAJ",
+    "image": "/images/book-covers/hackedtransmissions.jpg",
+    "year": "2020"
+  },
+  {
+    "title": "Cryptographic City. Decoding the Smart Metropolis",
+    "author": "Richard Coyne ",
+    "url": "https://www.google.com/books/edition/Cryptographic_City/w-SBEAAAQBAJ",
+    "image": "/images/book-covers/cryptographiccity.jpg",
+    "year": "2023"
+  },
+  {
+    "title": "Mute. Digitalartcritique · Volume 2, Issue 3",
+    "author": "TBD",
+    "url": "https://www.google.com/books/edition/Mute/9bkzAQAAIAAJ",
+    "image": "not available",
+    "year": "2005"
+  },
+  {
+    "title": "Contingent Computation. Abstraction, Experience, and Indeterminacy in Computational Aesthetics",
+    "author": "M. Beatrice Fazi",
+    "url": "https://www.google.com/books/edition/Contingent_Computation/k-TaDwAAQBAJ",
+    "image": "/images/book-covers/contingentcomputation.jpg",
+    "year": "2018"
+  },
+  {
+    "title": "23rd European Conference on Knowledge Management Vol 1",
+    "author": "Piera Centobelli, Roberto Cerchione",
+    "url": "https://www.google.com/books/edition/23rd_European_Conference_on_Knowledge_Ma/Z7yZEAAAQBAJ",
+    "image": "/images/book-covers/cover_issue_8_en_US.jpg",
+    "year": "2022"
+  },
+  {
+    "title": "Distributed Perception. Resonances and Axiologies",
+    "author": "Iain Campbell, Natasha Lushetich",
+    "url": "https://www.google.com/books/edition/Distributed_Perception/Ik1SEAAAQBAJ",
+    "image": "/images/book-covers/distributed.jpg",
+    "year": "2021"
+  },
+  {
+    "title": "Full Circle Magazine #87.",
+    "author": "Ronnie Tucker",
+    "url": "https://www.google.com/books/edition/Full_Circle_Magazine_87/YbIkBAAAQBAJ",
+    "image": "/images/book-covers/page_1.jpg",
+    "year": "2014"
+  },
+  {
+    "title": "Blockchain and Web 3.0. Social, Economic, and Technological Challenges",
+    "author": "Giuseppe Destefanis, Massimo Ragnedda",
+    "url": "https://www.google.com/books/edition/Blockchain_and_Web_3_0/IHKhDwAAQBAJ",
+    "image": "/images/book-covers/9780429029530.jpg",
+    "year": "2019"
+  },
+  {
+    "title": "Redes sin causa. Una crítica a las redes sociales",
+    "author": "Geert Lovink ",
+    "url": "https://www.google.com/books/edition/Redes_sin_causa/IpjqDQAAQBAJ",
+    "image": "/images/book-covers/41SWQKVTI8L.jpg",
+    "year": "2016"
+  },
+  {
+    "title": "The Weight of the Printed Word. Text, Context and Militancy in Operaismo",
+    "author": "Steve Wright",
+    "url": "https://www.google.com/books/edition/The_Weight_of_the_Printed_Word/vnI-EAAAQBAJ",
+    "image": "/images/book-covers/51glZWvnkjL.jpg",
+    "year": "2021"
+  },
+  {
+    "title": "Poetic Operations. Trans of Color Art in Digital Media",
+    "author": "micha cárdenas ",
+    "url": "https://www.google.com/books/edition/Poetic_Operations/sbZTEAAAQBAJ",
+    "image": "/images/book-covers/71Wu4guIn4L.jpg",
+    "year": "2021"
+  },
+  {
+    "title": "My first recession",
+    "author": "Geert Lovink",
+    "url": "https://www.google.com/books/edition/My_First_Recession/bobLRKyyGLEC",
+    "image": "/images/book-covers/51SMrZmnciL.jpg",
+    "year": "2003"
+  }
+]

src/content/menu/menu.json

@@ -1,6 +1,7 @@
 [
     {"name": "Who we are", "href": "/#who-we-are"},
     {"name": "Software", "href": "/software"}, 
+    {"name": "Books", "href": "/books"}, 
     {"name": "Timeline", "href": "/timeline"},
     {"name": "Reach us", "href": "/linktree"},
     {"name": "Articles", "href": "/blog"},

src/layouts/BaseLayout.astro

@@ -10,9 +10,9 @@ const { meta = {} } = Astro.props;
 
 <!DOCTYPE html>
 <html lang="en">
-	<head>
-		<MetaTags {...meta} />
-	</head>
+  <head>
+    <MetaTags {...meta} />
+  </head>
 
 	<body class="bg-background duration-500">
 		<slot />

src/pages/books/index.astro

@@ -0,0 +1,32 @@
+---
+import Layout from '~/layouts/Layout.astro';
+import books from '../../content/books/books.json';
+---
+
+<Layout>
+	<h1>Books</h1>
+	<h5>People keep mention us in thei books, here you'll find a small essay of those</h5>
+	<br />
+	<div class="mt-6 grid grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-4 xl:gap-x-8">
+		{
+			books.map((b) => (
+				<div class="group relative">
+					<div class="aspect-h-1 aspect-w-1 w-full overflow-hidden rounded-md lg:aspect-none group-hover:opacity-75 lg:h-80">
+						<a href={b.url}>
+							<img src={b.image} alt={b.title} class="h-full w-full object-cover object-center lg:h-full lg:w-full" />
+						</a>
+					</div>
+					<div>
+						<h3 class="text-sm text-gray-700">
+							<a href={b.url}>
+								{b.title}
+								<span class="text-xs text-gray-500">({b.year})</span>
+							</a>
+						</h3>
+						<p class="mt-1 text-sm font-medium">{b.author}</p>
+					</div>
+				</div>
+			))
+		}
+	</div>
+</Layout>

src/pages/index.astro

@@ -10,11 +10,9 @@ import BannerMerch from '~/components/BannerMerch.astro';
 import Timeline from '~/components/timeline/home/TimelineHome.svelte';
 import Supports from '~/components/Supports.astro';
 import Button from '~/components/Button.astro';
-// import ToggleDark from '~/components/ToggleDark.svelte';
 ---
 
 <Layout title="Dyne.org">
-	<!-- <ToggleDark ids={['who-we-are', 'what-we-did']} client:only /> -->
 	<main class="flex flex-col lg:space-y-28">
 		<Hero />