Skip to content

Commit

Permalink
Updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@sebnitu
sebnitu committed Jun 29, 2024
1 parent 0b930c5 commit 4725cb4
Show file tree
Hide file tree
Showing 4 changed files with 4 additions and 93 deletions.
1 change: 0 additions & 1 deletion assets/index-BxcwmthJ.css
View file

This file was deleted.

1 change: 0 additions & 1 deletion assets/index-CHqEL78F.js
View file

This file was deleted.

1 change: 1 addition & 0 deletions assets/index-eYyqtfaA.js
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

94 changes: 3 additions & 91 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,10 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>sandbox &rarr; prototype-drag-drop</title>
<title>sandbox &rarr; main</title>
<link rel="icon" type="image/png" href="https://sebnitu.com/icons/favicon.png">
<link rel="stylesheet" href="https://unpkg.com/vrembem@next/dist/index.css">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
<script type="module" crossorigin src="/assets/index-CHqEL78F.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BxcwmthJ.css">
<script type="module" crossorigin src="/assets/index-eYyqtfaA.js"></script>
</head>
<body>

Expand All @@ -24,97 +22,11 @@ <h1 class="text-size-lg">Sandbox</h1>
<li class="foreground-neutral-80">/</li>
<li class="flex flex_gap_sm align-items-center">
<i class="icon icon_size_sm" data-feather="git-branch"></i>
<a class="link" target="_blank" href="https://github.com/sebnitu/sandbox/tree/prototype-drag-drop">prototype-drag-drop</a>
<a class="link" target="_blank" href="https://github.com/sebnitu/sandbox/tree/main">main</a>
</li>
</ol>
</div>
</header>

<div class="section">
<div class="section__container max-width-xs">

<ul class="sortable">
<li class="sortable__item" draggable="true">
<div class="sortable__content flex flex_gap_lg align-items-center">
<div class="avatar" style="--avatar-color: lightblue;">1</div>
<div class="flex-grow">
<h2 class="font-size-lg font-weight-regular">Sebastian Nitu</h2>
</div>
<span class="sortable__handle">
<svg class="dragdots" xmlns="http://www.w3.org/2000/svg" width="9" height="14" viewBox="0 0 9 14" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 7H2.0001" /><path d="M7 7H7.0001" /><path d="M2 2H2.0001" /><path d="M7 2H7.0001" /><path d="M2 12H2.0001" /><path d="M7 12H7.0001" /></svg>
</span>
</div>
</li>
<li class="sortable__item" draggable="true">
<div class="sortable__content flex flex_gap_lg align-items-center">
<div class="avatar" style="--avatar-color: lightpink;">2</div>
<div class="flex-grow">
<h2 class="font-size-lg font-weight-regular">Emilia Tatiana Nitu</h2>
</div>
<span class="sortable__handle">
<svg class="dragdots" xmlns="http://www.w3.org/2000/svg" width="9" height="14" viewBox="0 0 9 14" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 7H2.0001" /><path d="M7 7H7.0001" /><path d="M2 2H2.0001" /><path d="M7 2H7.0001" /><path d="M2 12H2.0001" /><path d="M7 12H7.0001" /></svg>
</span>
</div>
</li>
<li class="sortable__item" draggable="true">
<div class="sortable__content flex flex_gap_lg align-items-center">
<div class="avatar" style="--avatar-color: lightpink;">3</div>
<div class="flex-grow">
<h2 class="font-size-lg font-weight-regular">Lea Hadassah Nitu</h2>
</div>
<span class="sortable__handle">
<svg class="dragdots" xmlns="http://www.w3.org/2000/svg" width="9" height="14" viewBox="0 0 9 14" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 7H2.0001" /><path d="M7 7H7.0001" /><path d="M2 2H2.0001" /><path d="M7 2H7.0001" /><path d="M2 12H2.0001" /><path d="M7 12H7.0001" /></svg>
</span>
</div>
</li>
<li class="sortable__item" draggable="true">
<div class="sortable__content flex flex_gap_lg align-items-center">
<div class="avatar" style="--avatar-color: lightpink;">4</div>
<div class="flex-grow">
<h2 class="font-size-lg font-weight-regular">Ava Emily Nitu</h2>
</div>
<span class="sortable__handle">
<svg class="dragdots" xmlns="http://www.w3.org/2000/svg" width="9" height="14" viewBox="0 0 9 14" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 7H2.0001" /><path d="M7 7H7.0001" /><path d="M2 2H2.0001" /><path d="M7 2H7.0001" /><path d="M2 12H2.0001" /><path d="M7 12H7.0001" /></svg>
</span>
</div>
</li>
<li class="sortable__item" draggable="true">
<div class="sortable__content flex flex_gap_lg align-items-center">
<div class="avatar" style="--avatar-color: lightpink;">5</div>
<div class="flex-grow">
<h2 class="font-size-lg font-weight-regular">Ella Grace Nitu</h2>
</div>
<span class="sortable__handle">
<svg class="dragdots" xmlns="http://www.w3.org/2000/svg" width="9" height="14" viewBox="0 0 9 14" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 7H2.0001" /><path d="M7 7H7.0001" /><path d="M2 2H2.0001" /><path d="M7 2H7.0001" /><path d="M2 12H2.0001" /><path d="M7 12H7.0001" /></svg>
</span>
</div>
</li>
<li class="sortable__item" draggable="true">
<div class="sortable__content flex flex_gap_lg align-items-center">
<div class="avatar" style="--avatar-color: lightblue;">6</div>
<div class="flex-grow">
<h2 class="font-size-lg font-weight-regular">Luke Sebastian Nitu</h2>
</div>
<span class="sortable__handle">
<svg class="dragdots" xmlns="http://www.w3.org/2000/svg" width="9" height="14" viewBox="0 0 9 14" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 7H2.0001" /><path d="M7 7H7.0001" /><path d="M2 2H2.0001" /><path d="M7 2H7.0001" /><path d="M2 12H2.0001" /><path d="M7 12H7.0001" /></svg>
</span>
</div>
</li>
<li class="sortable__item" draggable="true">
<div class="sortable__content flex flex_gap_lg align-items-center">
<div class="avatar" style="--avatar-color: lightpink;">7</div>
<div class="flex-grow">
<h2 class="font-size-lg font-weight-regular">Emma Gianna Nitu</h2>
</div>
<span class="sortable__handle">
<svg class="dragdots" xmlns="http://www.w3.org/2000/svg" width="9" height="14" viewBox="0 0 9 14" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 7H2.0001" /><path d="M7 7H7.0001" /><path d="M2 2H2.0001" /><path d="M7 2H7.0001" /><path d="M2 12H2.0001" /><path d="M7 12H7.0001" /></svg>
</span>
</div>
</li>
</ul>

</div>
</div>

</body>
</html>

0 comments on commit 4725cb4

Please sign in to comment.