Skip to content

build: modernise to use vite #225

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
aalemayhu wants to merge 1 commit into
base: main
Choose a base branch
from
Open

build: modernise to use vite #225

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 1 addition & 2 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
communities.json
node_modules
target/map.js*
target/style.css
target/
conferences.json
conferences.ics
conferences.js
2 changes: 1 addition & 1 deletion .nvmrc
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1 @@
lts/gallium
lts/iron
11 changes: 5 additions & 6 deletions target/conferences.html → conferences.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,9 +47,8 @@
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">

<link rel="stylesheet" href="vendor/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="vendor/materialize.min.css">
<link rel='stylesheet' href='./style.css'>
<link rel="stylesheet" href="/vendor/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/vendor/materialize.min.css">
</head>

<body id="swcraft-conferences">
Expand Down Expand Up @@ -161,9 +160,9 @@ <h4>Start a local community</h4>
</div>
</div>

<script src="vendor/jquery.min.js"></script>
<script src="vendor/materialize.min.js"></script>
<script src='./conferences-page.js'></script>
<script src="/vendor/jquery.min.js"></script>
<script src="/vendor/materialize.min.js"></script>
<script type="module" src="/src/conferences-page.js"></script>
</body>
Copy link
Contributor Author

@aalemayhu aalemayhu Jul 20, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The script produced by vite needs the type to be module and also the path changes


</html>
155 changes: 155 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,155 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport"
content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta name="mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#CA4C4C">
<meta name="msapplication-TileColor" content="#CA4C4C">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">

<meta name="twitter:card" content="summary">

<title>Software Craft Communities Worldwide</title>
<meta property="og:title" content="Software Craft Communities Worldwide">
<meta property="twitter:title" content="Software Craft Communities Worldwide">

<meta name="description"
content="Bringing together all local Software Craft Communities worldwide! Add your local community today or discover communities all over the world.">
<meta property="og:description"
content="Bringing together all local Software Craft Communities worldwide! Add your local community today or discover communities all over the world.">
<meta property="twitter:description"
content="Bringing together all local Software Craft Communities worldwide! Add your local community today or discover communities all over the world.">

<meta name="twitter:image" content="https://www.softwarecrafters.org/logo-512x512.png" />
<meta name="twitter:image:alt" content="The logo of Software Crafters.org" />

<meta property="og:type" content="website">
<meta property="og:url" content="https://www.softwarecrafters.org/">
<meta property="og:site_name" content="softwarecrafters.org">

<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">

<link rel="stylesheet" href="/vendor/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/vendor/materialize.min.css">
<link rel='stylesheet'
href='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v2.2.0/mapbox-gl-geocoder.css'
type='text/css' />
</head>

<body id="swcraft-communities">
<script
src='https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v2.2.0/mapbox-gl-geocoder.min.js'></script>

<nav>
<div class="nav-wrapper">
<a href="./" id="swcraft-title" class="brand-logo center">Software Crafters</a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="fa fa-bars"></i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="./conferences.html"><i class="fa fa-calendar">&nbsp;</i>Conferences</a>
</li>
<li><a href="https://slack.softwarecrafters.org/"><i
class="fa fa-slack">&nbsp;</i>Slack</a></li>
<li><a href="https://github.com/softwarecrafters/website"><i
class="fa fa-github">&nbsp;</i>Add your community</a></li>
<li><a href="#start-a-community" class="modal-trigger"><i
class="fa fa-star">&nbsp;</i>Start a community</a></li>
</ul>
<ul class="side-nav" id="mobile-demo">
<li><a href="./conferences.html"><i class="fa fa-calendar">&nbsp;</i>Next
conferences</a></li>
<li><a href="https://slack.softwarecrafters.org/"><i class="fa fa-slack">&nbsp;</i>Join
the Slack team</a></li>
<li><a href="https://github.com/softwarecrafters/website"><i
class="fa fa-github">&nbsp;</i>Add your community</a></li>
<li><a href="#start-a-community" class="modal-trigger"><i
class="fa fa-star">&nbsp;</i>Start a community</a></li>
<li><a href="#imprint" class="modal-trigger">Imprint</a></li>
</ul>
</div>
</nav>
<div id="map-container">
<div id="map"></div>
<div class='map-overlay' id='conferences-overlay'>
<h2 id="conferences-title">Next conferences <small>(<a alt="ICS Subscription for events"
href="/conferences.ics">.ics</a>)</small></h2>
<ul id="conferences-list">
</ul>
<a id="conferences-list-all" href="#">Show all upcoming...</a>
</div>
<a href="#imprint" class="modal-trigger" id="imprint-link">Imprint</a>
</div>

<div id="imprint" class="modal">
<div class="modal-content">
<h4>Imprint</h4>
<pre>
Raimo Radczewski
c/o Office Club
Pappelallee 78/79
10437 Berlin
</pre>
</div>
<div class="modal-footer">
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Dismiss</a>
</div>
</div>

<div id="start-a-community" class="modal">
<div class="modal-content">
<h4>Start a local community</h4>
<p>Didn&quot;t find a local community near you? Why not start one! For the first meeting, all
you need are two passionate people.</p>
<p>We have a channel, <code>#orgasunited</code> (<a target="_blank"
href="slack://channel?id=C0A94BHG9&team=T0A7W9V7C"><i
class="fa fa-slack">&nbsp;</i>In-App</a> / <a target="_blank"
href="https://softwarecrafters.slack.com/messages/C0A94BHG9/"><i
class="fa fa-globe">&nbsp;</i>Web</a>), where you can find seasoned
community organizers who are happy to share their experience and their insights with
you.
<br />If you have not joined the <em>Software Crafters Slack Team</em> yet, click <a
target="_blank" href="https://slack.softwarecrafters.org"><i
class="fa fa-envelope-o">&nbsp;</i>here</a> to join
</p>
<p>Right below, we listed some further readings for you about running meetups</p>
<ul>
<li><a target="_blank"
href="http://andygrunwald.com/blog/lesson-learned-from-running-a-local-meetup/">Lessons
learned from running a local meetup by <em>Andy Grunwald</em></a></li>
<li><a target="_blank" href="https://leanpub.com/codingdojohandbook">Emily Bache's
excellent <em>The Coding Dojo Handbook</em></a></li>
<li><a target="_blank" href="http://kata-log.rocks/">A very exhaustive collection of
Coding Katas by <em>@egga_de</em></a></li>
<li><a target="_blank" href="https://github.com/swkBerlin/resources/"><em>Resources</em>
on running a meetup by the <em>Softwerkskammer Berlin</em></a></li>
</ul>
</div>
<div class="modal-footer">
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Get Started</a>
</div>
</div>

<script src="/vendor/jquery.min.js"></script>
<script src="/vendor/materialize.min.js"></script>

<script type="module" src="/src/index.js"></script>
</body>

</html>
Loading