From b3a2d05febb31b4aecd620bee1840ffe6629b6a4 Mon Sep 17 00:00:00 2001 From: samriddhitiwary <151003533+samriddhitiwary@users.noreply.github.com> Date: Tue, 29 Oct 2024 16:58:53 +0530 Subject: [PATCH] Chaos Game --- LightsOut.html | 210 +++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 5 ++ 2 files changed, 215 insertions(+) create mode 100644 LightsOut.html diff --git a/LightsOut.html b/LightsOut.html new file mode 100644 index 0000000..ec413b1 --- /dev/null +++ b/LightsOut.html @@ -0,0 +1,210 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Lights Out Game</title> + <style> + body { + background-color: #1a1a1a; + color: white; + font-family: Arial, sans-serif; + overflow: hidden; /* Prevent scrolling */ + } + + .title { + font-size: 5rem; + text-align: center; + background: linear-gradient(to right, #03cc65, #00ff99); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + text-shadow: 0 0 10px #03cc65, 0 0 20px #03cc65; + margin: 20px 0; + padding: 20px; + position: absolute; /* Absolute positioning for random movement */ + top: 50%; /* Center the title vertically */ + left: 50%; /* Center the title horizontally */ + transform: translate(-50%, -50%); /* Adjust for width and height */ + transition: transform 0.2s; /* Smooth transition for movement */ + } + + .turn-indicator { + text-align: center; + font-size: 3rem; + margin: 20px 0; + position: absolute; + top: 60%; /* Position below the title */ + left: 50%; /* Center the heading */ + transform: translate(-50%, -50%); /* Adjust for width and height */ + transition: transform 0.2s; /* Smooth transition for movement */ + } + + .win-message { + text-align: center; + font-size: 3rem; + color: #03cc65; + text-shadow: 0 0 10px #03cc65, 0 0 20px #03cc65; + position: absolute; + top: 70%; /* Position below the turn indicator */ + left: 50%; /* Center the win message */ + transform: translate(-50%, -50%); /* Adjust for width and height */ + transition: transform 0.2s; /* Smooth transition for movement */ + } + + .lightsout-container { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + min-height: 100vh; + position: relative; /* Relative positioning for absolute elements */ + } + + .board { + display: grid; + grid-gap: 5px; + margin: 0 auto; + } + + .cell { + width: 60px; + height: 60px; + border-radius: 10px; + background-color: black; + cursor: pointer; + transition: background-color 0.2s, transform 0.2s; /* Smooth transition for background color and movement */ + } + + .cell.on { + background-color: #39ff14; + border: 2px solid black; + box-shadow: 0 0 10px #39ff14, 0 0 20px #39ff14; + } + + .cell.off { + background-color: black; + border: 2px solid #041301; + box-shadow: 0 0 10px #39ff14, 0 0 20px #39ff14; + } + + .move { + position: relative; + animation: moveCell 0.1s ease-in-out infinite alternate; + } + + @keyframes moveCell { + 0% { + transform: translate(0, 0); + } + 100% { + transform: translate(5px, 5px); /* Adjust for a small movement */ + } + } + </style> +</head> +<body> + <div class="lightsout-container"> + <h1 class="title">Lights Out</h1> + <h2 class="turn-indicator">Welcome to chaos Web</h2> + <div class="board"></div> + <h2 class="win-message"></h2> + </div> + <script> + const sizes = [5, 7, 9]; + let currentSizeIndex = 0; + const toggleProbability = 0.5; + let grid = createGrid(sizes[currentSizeIndex]); + + function createGrid(size) { + let grid = []; + for (let i = 0; i < size; i++) { + let row = []; + for (let j = 0; j < size; j++) { + row.push(Math.random() < 0.5); + } + grid.push(row); + } + return grid; + } + + function toggleRandomCells(grid, row, col) { + grid[row][col] = !grid[row][col]; + const totalCells = grid.length * grid[0].length; + const cellsToToggle = Math.floor(totalCells * toggleProbability); + for (let i = 0; i < cellsToToggle; i++) { + const randomRow = Math.floor(Math.random() * grid.length); + const randomCol = Math.floor(Math.random() * grid[0].length); + grid[randomRow][randomCol] = !grid[randomRow][randomCol]; + } + return grid; + } + + function isWin(grid) { + return grid.every(row => row.every(cell => !cell)); + } + + function renderGrid(grid) { + const board = document.querySelector('.board'); + board.innerHTML = ''; + board.style.gridTemplateColumns = `repeat(${grid[0].length}, 60px)`; + grid.forEach((row, rowIndex) => { + row.forEach((cell, colIndex) => { + const cellDiv = document.createElement('div'); + cellDiv.className = `cell ${cell ? 'on' : 'off'} ${Math.random() < 0.5 ? 'move' : ''}`; + cellDiv.onclick = () => handleCellClick(rowIndex, colIndex); + board.appendChild(cellDiv); + }); + }); + } + + function handleCellClick(row, col) { + grid = toggleRandomCells(grid, row, col); + renderGrid(grid); + updateWinMessage(); + shuffleGrid(); + changeGridSize(); + } + + function updateWinMessage() { + const winMessage = document.querySelector('.win-message'); + if (isWin(grid)) { + winMessage.textContent = "Game Won!"; + } else { + winMessage.textContent = ""; + } + } + + function shuffleGrid() { + grid = createGrid(sizes[currentSizeIndex]); + renderGrid(grid); + } + + function changeGridSize() { + currentSizeIndex = (currentSizeIndex + 1) % sizes.length; + grid = createGrid(sizes[currentSizeIndex]); + renderGrid(grid); + } + + function moveTitleAndIndicator() { + const title = document.querySelector('.title'); + const indicator = document.querySelector('.turn-indicator'); + + const randomX = Math.random() * (window.innerWidth - 300); // 300 to prevent overflow + const randomY = Math.random() * (window.innerHeight - 100); // 100 to prevent overflow + + title.style.left = `${randomX}px`; + title.style.top = `${randomY}px`; + + const randomXIndicator = Math.random() * (window.innerWidth - 300); + const randomYIndicator = Math.random() * (window.innerHeight - 100); + + indicator.style.left = `${randomXIndicator}px`; + indicator.style.top = `${randomYIndicator}px`; + } + + renderGrid(grid); + setInterval(shuffleGrid, 2000); // Shuffle every 2 seconds + setInterval(moveTitleAndIndicator, 100); // Move title and indicator every 100 ms + </script> +</body> +</html> diff --git a/index.html b/index.html index f54e770..05eb52b 100644 --- a/index.html +++ b/index.html @@ -162,6 +162,11 @@ <h1 style="margin-top: -5%"> </div> + <div class="nav-item" id="timeline" onclick="navigateTo('./LightsOut.html')"> + <svg xmlns="http://www.w3.org/2000/svg" width="170" height="180" viewBox="0 0 524.67004 400.49112" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M252.76565,148.861c2.86976-3.16131,7.60931-2.23744,10.76275-.00619,4.05844,2.87158,5.21907,8.11556,5.81777,12.76395,1.01352,7.86914,1.31341,18.99289,10.23692,22.28274,4.12282,1.51997,8.84227,.26478,12.32454-2.20329,3.80362-2.69582,6.17619-6.84264,7.76535-11.1404,1.92404-5.2034,3.03773-10.76951,3.98177-16.22258,.9654-5.57644,1.59813-11.21294,1.88228-16.86528,.27799-5.5299,.09705-11.02347-.12279-16.54977-.17165-4.31476-.23712-8.84561,1.22036-12.97151,1.472-4.167,4.89447-7.3365,9.39465-7.75455,4.36807-.40578,8.86681,1.43616,12.02712,4.40895,7.58288,7.13297,7.93962,18.7777,9.63441,28.34164,.89044,5.0249,2.19211,10.10963,4.9207,14.4814,2.24409,3.59549,5.36287,6.6098,8.95517,8.84618,7.24549,4.51067,16.47836,5.827,24.51844,2.72806,7.84962-3.02553,14.1682-9.63939,16.9023-17.58902,.67522-1.96325,1.09231-3.99133,1.30383-6.05478,.09834-.95936-1.40236-.95249-1.5,0-.89895,8.76944-6.52803,16.71146-14.24183,20.87077-7.93725,4.27979-17.54933,3.73678-25.30418-.70008-3.81245-2.18125-7.12878-5.25788-9.43314-9.00978-2.79459-4.55009-3.9913-9.85369-4.86189-15.06098-1.57239-9.405-2.28567-20.2034-9.33431-27.4246-5.46655-5.60038-15.52605-7.84785-21.40106-1.60977-6.0495,6.42335-4.23607,16.77036-4.04289,24.74402,.28291,11.67769-.92109,23.38256-3.58993,34.755-1.1617,4.95023-2.49801,10.05492-5.4137,14.29959-2.66461,3.87915-7.01959,6.88593-11.86898,6.83807-4.83612-.04773-8.23405-3.60209-9.95096-7.83966-1.81134-4.47065-1.93003-9.29889-2.55681-14.01808-.57538-4.33215-1.62376-9.12611-4.87253-12.29657-2.52633-2.46544-6.27409-4.05242-9.82974-3.4854-1.70851,.27246-3.22356,1.1026-4.38429,2.38125-.64757,.71336,.41014,1.77727,1.06066,1.06066h0Z" fill="#1894cb"/><g><path d="M469.53994,309.22532c-.8443-1.42365-4.49683,.10068-5.16833-1.19135-.66913-1.28735,2.72449-3.24887,4.66333-7.7298,.34967-.80807,2.55298-5.90033,.92188-7.47162-3.09174-2.97836-17.23962,9.31259-22.19073,5.29041-1.08661-.88269-1.8457-2.64484-5.13428-5.50583-1.30829-1.13815-2.09937-1.65204-2.86499-1.46085-1.08636,.27127-1.17242,1.72522-2.33734,4.58398-1.74701,4.28729-2.78027,4.02841-3.79816,7.44897-.75562,2.53925-.58301,4.01553-1.47217,4.30313-1.25824,.40701-2.41638-2.28632-4.01099-2.04517-1.6272,.24612-2.61096,3.38205-2.92169,5.72998-.58313,4.40607,1.03497,7.31348,1.93182,10.37064,.97461,3.32236,1.55304,8.37494-.69769,15.52759l-22.27719,62.76614c4.91812-12.87943,19.15842-48.18536,25.14218-61.3053,1.72742-3.78745,3.6347-7.62909,7.55096-9.14526,3.77045-1.45978,8.94867-.58823,15.55029-2.17862,.771-.1857,2.91052-.73007,3.17981-1.98849,.22266-1.04037-1.03583-1.62109-.84247-2.59549,.25934-1.30701,2.73413-1.32306,5.77533-2.83096,2.14447-1.06332,3.48047-2.32785,4.62933-3.41531,.34637-.32785,5.49512-5.26166,4.37115-7.1568h-.00006Z" fill="#f2f2f2"/><path d="M381.89483,342.26804c-.94235,.0036-1.24805,2.23611-2.07593,2.1929-.82492-.04303-.80847-2.2746-2.4483-4.5191-.29572-.40475-2.1593-2.95547-3.40115-2.60825-2.35385,.65808-.4035,11.14828-3.80618,12.41782-.74673,.27863-1.83066,.14276-4.18369,.93134-.9361,.31372-1.41656,.55371-1.54364,.98465-.1803,.61145,.50845,1.07324,1.57544,2.46979,1.60016,2.09445,1.17496,2.52692,2.56009,4.01343,1.02826,1.10352,1.80264,1.44476,1.68723,1.96414-.16327,.73499-1.81934,.52631-2.16107,1.37851-.34869,.86966,.90659,2.25729,1.9693,3.08725,1.99429,1.5575,3.88812,1.6022,5.64737,2.04413,1.91183,.48026,4.55859,1.65421,7.41974,4.82266l24.37836,29.04382c-4.90228-6.12997-18.12189-23.30609-22.83472-30.0285-1.3605-1.94061-2.69568-3.98517-2.30984-6.34479,.37143-2.27176,2.29327-4.56177,3.41748-8.26077,.13132-.43201,.48145-1.63916-.05847-2.13443-.44638-.40945-1.09451,.04068-1.51697-.33539-.56665-.50443,.13953-1.72369,.27689-3.6514,.09686-1.35931-.13831-2.37988-.34055-3.25754-.06097-.26459-.99695-4.21518-2.25137-4.21036v.00009Z" fill="#f2f2f2"/><path d="M400.69445,346.48813l-.56775-5.06818,.2594-.38422c1.20035-1.77667,1.81216-3.51175,1.81949-5.15872,.00122-.26184-.01102-.52371-.02325-.79044-.04895-1.05719-.11011-2.37134,.5751-3.90329,.38422-.85406,1.46344-2.83142,3.08594-2.5867,.43683,.06119,.76721,.26184,1.01804,.49677,.03671-.05872,.07465-.11746,.11502-.18109,.50534-.77087,.90546-1.10123,1.29089-1.41937,.29611-.24472,.60202-.49677,1.08167-1.0939,.21045-.26184,.37442-.49188,.5127-.68521,.41971-.58487,.96786-1.28235,1.93451-1.27011,1.03271,.04895,1.57355,.90302,1.93207,1.46832,.63995,1.00824,.92993,1.73508,1.12204,2.21716,.06976,.17621,.14929,.37442,.18967,.43561,.33282,.48944,3.03824,.0318,4.05746-.13461,2.28937-.38177,4.27039-.71213,5.08655,.73172,.5849,1.03271,.15051,2.39825-1.33008,4.1676-.4613,.55063-.95197,.96909-1.38757,1.29703,.36096,.21536,.68396,.54572,.81494,1.06454h0c.30835,1.22849-.74762,2.45944-3.13733,3.66348-.59344,.30099-1.39246,.70236-2.51205,.89569-.52737,.09055-1.00214,.11258-1.40836,.12482-.00858,.23492-.06363,.48944-.20679,.75128-.41971,.77087-1.29333,1.13794-2.60995,1.04984-1.44876-.07587-2.64175-.35239-3.69406-.59467-.91891-.21045-1.7106-.3891-2.33218-.3475-1.15262,.09299-2.04099,1.01559-3.08347,2.21228l-2.6026,3.04187h-.00003Z" fill="#f2f2f2"/><path d="M403.32815,316.3122l-4.75842,1.83472-.43744-.15347c-2.02304-.71045-3.85654-.86215-5.45151-.45148-.2536,.06525-.50378,.14349-.7587,.22299-1.01019,.31549-2.26587,.70801-3.92151,.43378-.92361-.155-3.11002-.69739-3.28485-2.32889-.05161-.43805,.05869-.80853,.22232-1.11075-.06613-.0206-.13257-.04239-.20435-.06531-.87384-.2933-1.29489-.59653-1.70041-.88867-.31183-.22437-.63324-.45633-1.33249-.76883-.30667-.13715-.57077-.2374-.79285-.32211-.67221-.2576-1.4859-.61096-1.71924-1.5491-.2146-1.01135,.47437-1.75113,.93024-2.24133,.81296-.87476,1.44244-1.33963,1.86005-1.64774,.15274-.11215,.32431-.23938,.37326-.29395,.38901-.44608-.73987-2.94693-1.15936-3.89062-.94998-2.11765-1.77203-3.95007-.5824-5.10577,.85059-.8277,2.28165-.75391,4.36868,.22946,.64963,.30655,1.17886,.67502,1.60657,1.01321,.11676-.40378,.35437-.80005,.82303-1.05829h0c1.11011-.60986,2.56863,.09933,4.33945,2.10547,.44168,.49768,1.03259,1.16876,1.50357,2.2027,.22134,.48715,.36307,.9408,.47797,1.33066,.22943-.0513,.48956-.06259,.77917,.00946,.85211,.21045,1.4288,.9624,1.67752,2.2583,.2941,1.42062,.32922,2.64474,.36179,3.72409,.02951,.94226,.0575,1.75336,.25543,2.34406,.38232,1.09134,1.50006,1.71661,2.92206,2.42148l3.60254,1.74591-.00012,.00003Z" fill="#f2f2f2"/><path d="M400.69445,301.3812l-.56775-5.06818,.2594-.38422c1.20035-1.77667,1.81216-3.51175,1.81949-5.15872,.00122-.26184-.01102-.52371-.02325-.79044-.04895-1.05719-.11011-2.37134,.5751-3.90329,.38422-.85406,1.46344-2.83142,3.08594-2.5867,.43683,.06119,.76721,.26184,1.01804,.49677,.03671-.05872,.07465-.11746,.11502-.18109,.50534-.77087,.90546-1.10123,1.29089-1.41937,.29611-.24472,.60202-.49677,1.08167-1.0939,.21045-.26184,.37442-.49188,.5127-.68521,.41971-.58487,.96786-1.28235,1.93451-1.27011,1.03271,.04895,1.57355,.90302,1.93207,1.46832,.63995,1.00824,.92993,1.73508,1.12204,2.21716,.06976,.17621,.14929,.37442,.18967,.43561,.33282,.48944,3.03824,.0318,4.05746-.13461,2.28937-.38177,4.27039-.71213,5.08655,.73172,.5849,1.03271,.15051,2.39825-1.33008,4.1676-.4613,.55063-.95197,.96909-1.38757,1.29703,.36096,.21536,.68396,.54572,.81494,1.06454h0c.30835,1.22849-.74762,2.45944-3.13733,3.66348-.59344,.30099-1.39246,.70236-2.51205,.89569-.52737,.09055-1.00214,.11258-1.40836,.12482-.00858,.23492-.06363,.48944-.20679,.75128-.41971,.77087-1.29333,1.13794-2.60995,1.04984-1.44876-.07587-2.64175-.35239-3.69406-.59467-.91891-.21045-1.7106-.3891-2.33218-.3475-1.15262,.09299-2.04099,1.01559-3.08347,2.21228l-2.6026,3.04187h-.00003Z" fill="#f2f2f2"/><path d="M405.88009,399.75895l-1.0621-.66565-.25696-1.22604,.25696,1.22604-1.23828,.14194c-.01959-.11502-.08688-.37933-.18842-.79291-.55429-2.26611-2.24408-9.16235-3.65369-20.02304-.9838-7.58145-1.54053-15.37579-1.65555-23.17017-.11502-7.80658,.25452-13.71661,.55063-18.46661,.22391-3.5827,.49557-6.99411,.7623-10.31744,.70969-8.87848,1.379-17.26505,.88098-26.54974-.11011-2.07278-.3414-6.38721-2.862-10.97818-1.46222-2.66257-3.47626-5.02655-5.98709-7.02347l1.56131-1.96265c2.77145,2.20737,4.99963,4.8259,6.62338,7.78214,2.79471,5.09018,3.04678,9.79129,3.16791,12.05005,.50656,9.44867-.17007,17.91602-.88712,26.88013-.26431,3.31107-.53595,6.70779-.75864,10.27582-.29367,4.70599-.65952,10.56458-.54572,18.27084,.11258,7.70135,.66318,15.40027,1.63351,22.88629,1.39246,10.72366,3.0578,17.51712,3.60474,19.74896,.29123,1.1918,.35239,1.44141,.05383,1.91373v-.00003Z" fill="#f2f2f2"/><path d="M386.83102,285.8953c-.10278,0-.20679-.00244-.31201-.0098-2.13397-.11502-4.11008-1.39246-5.87451-3.79562-.82715-1.13062-1.25052-2.42029-2.09482-4.99231-.13092-.39645-.76721-2.40805-1.15387-5.17584-.2533-1.8085-.22147-2.56467,.13705-3.23276,.39767-.74396,1.04129-1.26276,1.76566-1.6127-.0318-.23984-.00613-.487,.0979-.73907,.42703-1.04495,1.56253-.9079,2.17679-.84183,.31079,.03915,.69867,.09055,1.11716,.06851,.65829-.0318,1.01193-.2276,1.54785-.52127,.5127-.28143,1.15018-.63138,2.09604-.82471,1.86478-.3891,3.42731,.1395,3.94244,.31323,2.71027,.90302,4.04645,3.01007,5.59308,5.44992,.30835,.48944,1.36676,2.271,2.06543,4.71332,.50412,1.76199,.43317,2.5451,.28143,3.12753-.30835,1.19669-1.03638,1.8819-2.88525,3.39429-1.93085,1.58334-2.89993,2.37625-3.73199,2.85834-1.93695,1.11838-3.15323,1.82071-4.76837,1.82071v.00006Z" fill="#f2f2f2"/></g><path d="M333.8104,87.33546h-34.22061c-.86273,0-1.56471-.70199-1.56471-1.56472s.70199-1.56439,1.56471-1.56439h34.22061c.86273,0,1.56439,.70166,1.56439,1.56439s-.70166,1.56471-1.56439,1.56471Z" fill="#e6e6e6"/><path d="M386.8104,178.33546h-34.22061c-.86273,0-1.56471-.70199-1.56471-1.56472s.70199-1.56439,1.56471-1.56439h34.22061c.86273,0,1.56439,.70166,1.56439,1.56439s-.70166,1.56471-1.56439,1.56471Z" fill="#e6e6e6"/><path d="M414.8104,240.33546h-34.22061c-.86273,0-1.56471-.70199-1.56471-1.56472s.70199-1.56439,1.56471-1.56439h34.22061c.86273,0,1.56439,.70166,1.56439,1.56439s-.70166,1.56471-1.56439,1.56471Z" fill="#e6e6e6"/><path d="M258.8104,53.33546h-34.22061c-.86273,0-1.56471-.70199-1.56471-1.56472s.70199-1.56439,1.56471-1.56439h34.22061c.86273,0,1.56439,.70166,1.56439,1.56439s-.70166,1.56471-1.56439,1.56471Z" fill="#e6e6e6"/><path d="M0,398.59438c0,.66003,.53003,1.19,1.19006,1.19H523.48004c.65997,0,1.19-.52997,1.19-1.19,0-.65997-.53003-1.19-1.19-1.19H1.19006c-.66003,0-1.19006,.53003-1.19006,1.19Z" fill="#ccc"/><path d="M397.24803,222.17969H242.14794c-.55228,0-1-.44772-1-1V73.17969c0-.55273,.44775-1,1-1s1,.44727,1,1v60.38821c0,47.83437,38.77742,86.61179,86.61179,86.61179h67.48831c.55225,0,1,.44727,1,1s-.44775,1-1,1Z" fill="#e6e6e6"/><path d="M274.8104,162.69908h-34.22061c-.86273,0-1.56471-.70199-1.56471-1.56472s.70199-1.56439,1.56471-1.56439h34.22061c.86273,0,1.56439,.70166,1.56439,1.56439s-.70166,1.56471-1.56439,1.56471Z" fill="#e6e6e6"/><g><path id="uuid-5c502ea6-9d8d-47ac-9944-b5b4822d592a-462" d="M240.87964,167.15159c5.42719-1.79229,8.9016-6.04538,7.76041-9.49909s-6.46521-4.79971-11.8941-3.00605c-2.17845,.68675-4.16075,1.8852-5.78107,3.49511l-22.89933,7.88442,3.92898,10.66712,22.15755-8.90516c2.26117,.32821,4.56806,.11001,6.72756-.63636Z" fill="#ffb6b6"/><path id="uuid-ca9917be-6801-4c2d-b7fb-204f6c00dfb7-463" d="M123.16708,228.28894c.18529,5.71248,3.28296,10.24731,6.9184,10.12879s6.43132-4.84502,6.2452-10.55951c-.04304-2.28372-.63235-4.52394-1.71865-6.5332l-1.09073-24.19408-11.34266,.75385,2.2795,23.77105c-.95392,2.07621-1.39663,4.35071-1.29105,6.63311Z" fill="#ffb6b6"/><g><polygon points="149.35347 391.31135 159.47793 391.31037 162.07196 352.00001 149.35144 352.25951 149.35347 391.31135" fill="#ffb6b6"/><path d="M184.04113,391.08169h0c.31524,.53092,.48158,2.2445,.48158,2.86192h0c0,1.89778-1.53843,3.43628-3.43628,3.43628h-31.35425c-1.29466,0-2.34425-1.04953-2.34425-2.34425v-1.30538s-1.55106-3.92334,1.6423-8.75907c0,0,3.96893,3.78645,9.89953-2.14415l1.74888-3.16823,12.65949,9.25851,7.01697,.86372c1.53517,.18895,2.89624-.02932,3.68591,1.30063h.00012Z" fill="#2f2e41"/></g><g><polygon points="173.35347 391.31135 183.47793 391.31037 186.07196 352.00001 173.35144 352.25951 173.35347 391.31135" fill="#ffb6b6"/><path d="M208.04113,391.08169h0c.31524,.53092,.48158,2.2445,.48158,2.86192h0c0,1.89778-1.53843,3.43628-3.43628,3.43628h-31.35425c-1.29466,0-2.34425-1.04953-2.34425-2.34425v-1.30538s-1.55106-3.92334,1.6423-8.75907c0,0,3.96893,3.78645,9.89953-2.14415l1.74888-3.16823,12.65949,9.25851,7.01697,.86372c1.53517,.18895,2.89624-.02932,3.68591,1.30063h.00012Z" fill="#2f2e41"/></g><circle cx="155.24496" cy="83.62152" r="14.89321" fill="#ffb6b6"/><polygon points="134.63817 207.5 141.63817 307.5 145.63817 374.5 164.63817 373.5 162.63817 300.5 166.63817 255.5 172.63817 373.5 187.76022 373.5 193.63817 208.5 161.13817 204 134.63817 207.5" fill="#2f2e41"/><path d="M160.63817,95.5c-4.23587,4.07751-14.02512,1.3739-19,0-2.73837-.75623-4.39096-1.53564-5-3-.42337-1.01794-.1828-1.98315-1-4-.47864-1.1814-.73108-1.26953-1-2-.74966-2.03625,.29163-3.85046,1-6,1.47809-4.48523-.28665-4.98889,1-8,1.93433-4.52686,7.19617-6.36865,9-7,3.36783-1.17883,6.17654-1.0542,7-1,5.27545,.34729,8.80237,3.05432,10,4,2.42767,1.91699,3.61844,3.9447,6,8,2.07245,3.52893,2.22351,4.88318,2,6-.34058,1.70178-1.32202,1.70813-2,4-.76959,2.60156,.1058,3.90906-1,5-.7475,.73743-1.44217,.43066-3,1-2.14407,.78357-3.20242,2.2323-4,3Z" fill="#2f2e41"/><path d="M172.63817,110.5s-15-19-34-12l-6.15354,12-2.0559,1.94608c-8.62416,8.16349-12.63663,20.07364-10.71041,31.7915l8.91985,54.26242s-1,21,6,27c0,0,10-19,34-10s29,4,29,4l-8-57-17-52Z" fill="#2f2e41"/><path d="M167.63817,113.5l-5,11,19,64,52-19-7-12-25,7s-19-56-34-51Z" fill="#2f2e41"/><polygon points="132.13817 214 121.13817 214 119.13817 134 132.13817 161 132.13817 214" fill="#2f2e41"/></g><circle cx="252.63817" cy="148.5" r="4.5" fill="#3f3d56"/><circle cx="282.63817" cy="183.5" r="4.5" fill="#3f3d56"/><circle cx="316.63817" cy="99.5" r="4.5" fill="#3f3d56"/><circle cx="366.63817" cy="159.5" r="4.5" fill="#3f3d56"/><circle cx="395.63817" cy="135.5" r="4.5" fill="#3f3d56"/><g><path d="M387.06526,40.02396l8.22992,3.89856c-3.37555-4.71082-6.28418-12.06805-7.84137-17.92249-2.63654,5.45343-6.88672,12.1261-11.09375,16.11194l8.69812-2.23767c-5.35974,26.26794-25.5191,45.12573-48.60437,45.12573l-.32679,.9488c24.11316,0,45.46577-18.59639,50.93824-45.92488Z" fill="#3f3d56"/><path d="M362.18605,0h52c2.20557,0,4,1.79443,4,4s-1.79443,4-4,4h-52c-2.20557,0-4-1.79443-4-4S359.98048,0,362.18605,0Z" fill="#1894cb"/></g><path d="M397.31639,230.36426c-.54834,0-1.10156-.12207-1.62842-.36914-1.29932-.61035-2.11523-1.83105-2.18164-3.26465l-.53906-11.62598c-.06934-1.49316,.70996-2.85059,2.03418-3.54395,1.32373-.69336,2.88428-.55859,4.07129,.34766l7.91797,6.05566c.95215,.72754,1.49609,1.83301,1.49219,3.03027-.00342,1.19922-.5542,2.2998-1.51074,3.02246l-7.37891,5.57129c-.68115,.51367-1.47363,.77637-2.27686,.77637Z" fill="#e6e6e6"/><path d="M251.34464,74.14915c0,.54834-.12207,1.10156-.36914,1.62842-.61035,1.29932-1.83105,2.11523-3.26465,2.18164l-11.62598,.53906c-1.49316,.06934-2.85059-.70996-3.54395-2.03418-.69336-1.32373-.55859-2.88428,.34766-4.07129l6.05566-7.91797c.72754-.95215,1.83301-1.49609,3.03027-1.49219,1.19922,.00342,2.2998,.5542,3.02246,1.51074l5.57129,7.37891c.51367,.68115,.77637,1.47363,.77637,2.27686Z" fill="#e6e6e6"/><path d="M316.26889,63.85272c-5.92014-1.41814-12.24545-.13464-17.30614,3.2084-5.30668,3.50554-8.82031,9.11903-10.0096,15.3379-2.45363,12.83018,5.04261,25.64732,16.88993,30.75384,12.45438,5.36818,27.2702,1.76616,36.31447-8.19696,4.48285-4.93828,7.28456-11.18568,8.12807-17.79225,.83098-6.50841-.11676-14.01752-4.05771-19.44941-3.90912-5.38802-10.41844-7.19611-16.705-8.07909-6.09979-.85675-14.19186-1.22914-17.49008,5.22723-.62885,1.23099-.92441,2.5575-.85473,3.93811,.04848,.96063,1.54878,.96642,1.5,0-.15235-3.01869,1.86017-5.54107,4.43979-6.89779,2.98966-1.57238,6.5957-1.43922,9.85614-1.08876,5.88621,.6327,12.56907,1.76138,16.81389,6.28219,4.22843,4.50336,5.49595,11.36601,5.23347,17.34385-.27397,6.23955-2.42378,12.38083-6.19084,17.371-7.43366,9.84727-20.43969,14.53216-32.40476,11.35104-11.65835-3.09958-11.81078-10.01835-11.6183-22.27078,.10268-6.53654-6.07181-16.82518-1.03063-21.08477,4.9357-4.17047,11.77663-6.02045,18.0933-4.50732,.93824,.22475,1.33861-1.22128,.39876-1.44642h0Z" fill="#1894cb"/></svg> + <span>Lights Out</span> + </div> + </div> <script src="preloader.js"></script> <script src="js/script.js"></script>