Skip to content

Instantly share code, notes, and snippets.

@racibo
racibo / index.html
Created October 25, 2025 21:04
Kolaz
This file has been truncated, but you can view the full file.
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kolaż</title>
<style>
* { margin: 0; padding: 0; }
body { width: 100vw; height: 100vh; overflow: hidden; }
.c { display: grid; gap: 2px; width: 100vw; height: 100vh; background: #fff; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(4, 1fr); }
@racibo
racibo / index.html
Created October 25, 2025 20:47
Kolaz
This file has been truncated, but you can view the full file.
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kolaż</title>
<style>
* { margin: 0; padding: 0; }
body { width: 100vw; height: 100vh; overflow: hidden; display: flex; }
.cp { display: grid; gap: 2px; height: 100vh; background: #fff; flex: 0.4; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); }
@racibo
racibo / index.html
Created October 25, 2025 20:43
Kolaz
This file has been truncated, but you can view the full file.
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kolaż</title>
<style>
* { margin: 0; padding: 0; }
body { width: 100vw; height: 100vh; overflow: hidden; }
.c { display: grid; gap: 2px; width: 100vw; height: 100vh; background: #fff; grid-template-columns: repeat(7, 1fr); grid-template-rows: repeat(4, 1fr); }
@racibo
racibo / index.html
Created October 25, 2025 20:37
Kolaz
This file has been truncated, but you can view the full file.
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kolaż</title>
<style>
* { margin: 0; padding: 0; }
body { width: 100vw; height: 100vh; overflow: hidden; }
.c { display: grid; gap: 2px; width: 100vw; height: 100vh; background: #fff; grid-template-columns: repeat(9, 1fr); grid-template-rows: repeat(4, 1fr); }
@racibo
racibo / index.html
Created October 25, 2025 20:37
Kolaz
This file has been truncated, but you can view the full file.
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kolaż</title>
<style>
* { margin: 0; padding: 0; }
body { width: 100vw; height: 100vh; overflow: hidden; }
.c { display: grid; gap: 2px; width: 100vw; height: 100vh; background: #fff; grid-template-columns: repeat(9, 1fr); grid-template-rows: repeat(4, 1fr); }
@racibo
racibo / index.html
Created October 25, 2025 20:33
Kolaz
This file has been truncated, but you can view the full file.
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kolaż</title>
<style>
* { margin: 0; padding: 0; }
body { width: 100vw; height: 100vh; overflow: hidden; }
.c { display: grid; gap: 2px; width: 100vw; height: 100vh; background: #fff; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(4, 1fr); }
@racibo
racibo / index.html
Created October 25, 2025 20:25
Kolaz
This file has been truncated, but you can view the full file.
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kolaż</title>
<style>
* { margin: 0; padding: 0; }
body { width: 100vw; height: 100vh; overflow: hidden; }
.c { display: grid; gap: 2px; width: 100vw; height: 100vh; background: #fff; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, 1fr); }
@racibo
racibo / index.html
Created October 25, 2025 20:24
Kolaz
This file has been truncated, but you can view the full file.
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kolaż</title>
<style>
* { margin: 0; padding: 0; }
body { width: 100vw; height: 100vh; overflow: hidden; }
.c { display: grid; gap: 2px; width: 100vw; height: 100vh; background: #fff; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(3, 1fr); }
@racibo
racibo / kolaz.html
Created October 25, 2025 17:06
Interaktywny kolaż zdjęć
This file has been truncated, but you can view the full file.
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Kolaż</title>
<style>
body{margin:0;padding:0;overflow:hidden;background:#000}
.collage-container{display:grid;gap:2px;width:100vw;height:100vh;background:#fff}
.collage-container img{width:100%;height:100%;object-fit:contain;background:#f3f4f6;cursor:pointer;transition:transform .2s ease}
@racibo
racibo / kolaz.html
Created October 25, 2025 10:04
Interaktywny kolaż zdjęć
This file has been truncated, but you can view the full file.
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Interaktywny Kolaż</title>
<style>
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;margin:0;background:#f0f0f0;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;box-sizing:border-box}
h1{width:100%;text-align:center;color:#333}
.wrapper{width:100%;max-width:900px}