Off Topic live

commit 2ecb98a842e120d0e13884517b57e3c2bb74a8b0 Author: uf0 Date: Sun Nov 8 15:52:40 2020 +0100 bootstrap diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..f60de0b --- /dev/null +++ b/.gitignore @@ -0,0 +1,6 @@ +.DS_Store +node_modules +public/bundle.* +package-lock.json +yarn.lock +.vscode \ No newline at end of file diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..0181079 --- /dev/null +++ b/.prettierrc @@ -0,0 +1,6 @@ +{"svelteSortOrder" : "styles-scripts-markup", +"svelteStrictMode": true, +"svelteBracketNewLine": true, +"svelteAllowShorthand": false, +"svelteIndentScriptAndStyle": false +} \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..3759c80 --- /dev/null +++ b/README.md @@ -0,0 +1,64 @@ +# svelte app + +This is a project template for [Svelte](https://svelte.dev) apps. It lives at https://github.com/sveltejs/template-webpack. + +To create a new project based on this template using [degit](https://github.com/Rich-Harris/degit): + +```bash +npx degit sveltejs/template-webpack svelte-app +cd svelte-app +``` + +*Note that you will need to have [Node.js](https://nodejs.org) installed.* + + +## Get started + +Install the dependencies... + +```bash +cd svelte-app +npm install +``` + +...then start webpack: + +```bash +npm run dev +``` + +Navigate to [localhost:8080](http://localhost:8080). You should see your app running. Edit a component file in `src`, save it, and the page should reload with your changes. + + +## Deploying to the web + +### With [now](https://zeit.co/now) + +Install `now` if you haven't already: + +```bash +npm install -g now +``` + +Then, from within your project folder: + +```bash +now +``` + +As an alternative, use the [Now desktop client](https://zeit.co/download) and simply drag the unzipped project folder to the taskbar icon. + +### With [surge](https://surge.sh/) + +Install `surge` if you haven't already: + +```bash +npm install -g surge +``` + +Then, from within your project folder: + +```bash +npm run build +surge public +``` diff --git a/package.json b/package.json new file mode 100644 index 0000000..97c6488 --- /dev/null +++ b/package.json @@ -0,0 +1,24 @@ +{ + "name": "svelte-app", + "version": "1.0.0", + "devDependencies": { + "cross-env": "^5.2.0", + "css-loader": "^2.1.1", + "mdsvex": "^0.8.8", + "mini-css-extract-plugin": "^0.6.0", + "serve": "^11.0.0", + "style-loader": "^0.23.1", + "svelte": "^3.0.0", + "svelte-loader": "2.13.3", + "webpack": "^4.30.0", + "webpack-cli": "^3.3.0", + "webpack-dev-server": "^3.3.1" + }, + "scripts": { + "build": "cross-env NODE_ENV=production webpack", + "dev": "webpack-dev-server --content-base public" + }, + "dependencies": { + "@vime/svelte": "4.2.0" + } +} diff --git a/public/favicon.png b/public/favicon.png new file mode 100644 index 0000000..7e6f5eb Binary files /dev/null and b/public/favicon.png differ diff --git a/public/global.css b/public/global.css new file mode 100644 index 0000000..d3415cc --- /dev/null +++ b/public/global.css @@ -0,0 +1,10 @@ +html, body { + position: relative; + width: 100%; + height: 100%; + margin: 0; + padding: 0; + box-sizing: border-box; + background-color: rgb(34, 35, 31); + font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" +} \ No newline at end of file diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..fb02f84 --- /dev/null +++ b/public/index.html @@ -0,0 +1,17 @@ + + + + + + + Off Topic live + + + + + + + + + + \ No newline at end of file diff --git a/src/App.svelte b/src/App.svelte new file mode 100644 index 0000000..8374578 --- /dev/null +++ b/src/App.svelte @@ -0,0 +1,104 @@ + + + + +

+ +

diff --git a/src/components/Chat.svelte b/src/components/Chat.svelte new file mode 100644 index 0000000..3deb433 --- /dev/null +++ b/src/components/Chat.svelte @@ -0,0 +1,19 @@ + + + + + diff --git a/src/components/Description.svx b/src/components/Description.svx new file mode 100644 index 0000000..a0ee08c --- /dev/null +++ b/src/components/Description.svx @@ -0,0 +1,13 @@ + + +Off Topic è un laboratorio politico che ha sede presso lo spazio autogestito [Piano Terra](https://www.pianoterralab.org/) a Milano. Leggi i nostri approfondimenti sul [sito](https://www.offtopiclab.org) o seguici su canale [Telegram](https://t.me/offtopic_lab/) e/o [Twitter](https://twitter.com/OffTopic_lab) per rimanere sempre aggioranta/o. + +Questo live stream è possibile grazie al collettivo [Autistici/Inventati](https://www.autistici.org). Fai una [donazione](https://www.autistici.org/donate) per supportare il progetto. \ No newline at end of file diff --git a/src/components/Nav.svelte b/src/components/Nav.svelte new file mode 100644 index 0000000..848d121 --- /dev/null +++ b/src/components/Nav.svelte @@ -0,0 +1,57 @@ + + + + + diff --git a/src/components/Offline.svelte b/src/components/Offline.svelte new file mode 100644 index 0000000..5a30522 --- /dev/null +++ b/src/components/Offline.svelte @@ -0,0 +1,263 @@ + + +

+ +

Non siamo live!

diff --git a/src/components/VideoPlayer.svelte b/src/components/VideoPlayer.svelte new file mode 100644 index 0000000..69d6af7 --- /dev/null +++ b/src/components/VideoPlayer.svelte @@ -0,0 +1,42 @@ + + + + + + + {#if !$live} + + {/if} + + + + + + + + + + + diff --git a/src/main.js b/src/main.js new file mode 100644 index 0000000..4e675ae --- /dev/null +++ b/src/main.js @@ -0,0 +1,9 @@ +import App from './App.svelte'; + +const app = new App({ + target: document.body +}); + +window.app = app; + +export default app; \ No newline at end of file diff --git a/src/stores.js b/src/stores.js new file mode 100644 index 0000000..d41dc22 --- /dev/null +++ b/src/stores.js @@ -0,0 +1,15 @@ +import queryString from "query-string"; +import { writable, derived } from 'svelte/store'; + +const live = writable(false); + +const channel = writable('offtopic'); +if (typeof window !== "undefined") { + const parsed = queryString.parse(window.location.search); + if(parsed.channel){ + channel.set(parsed.channel) + } + } + + +export { live, channel} \ No newline at end of file diff --git a/webpack.config.js b/webpack.config.js new file mode 100644 index 0000000..a329af1 --- /dev/null +++ b/webpack.config.js @@ -0,0 +1,57 @@ +const MiniCssExtractPlugin = require('mini-css-extract-plugin'); +const path = require('path'); +const { mdsvex } = require('mdsvex') + +const mode = process.env.NODE_ENV || 'development'; +const prod = mode === 'production'; + +module.exports = { + entry: { + bundle: ['./src/main.js'] + }, + resolve: { + alias: { + svelte: path.resolve('node_modules', 'svelte') + }, + extensions: ['.mjs', '.js', '.svelte','.svx'], + mainFields: ['svelte', 'browser', 'module', 'main'] + }, + output: { + path: __dirname + '/public', + filename: '[name].js', + chunkFilename: '[name].[id].js' + }, + module: { + rules: [ + { + test: /.(svelte|svx)$/, + use: { + loader: 'svelte-loader', + options: { + emitCss: true, + hotReload: true, + preprocess: mdsvex() + } + } + }, + { + test: /\.css$/, + use: [ + /** + * MiniCssExtractPlugin doesn't support HMR. + * For developing, use 'style-loader' instead. + * */ + prod ? MiniCssExtractPlugin.loader : 'style-loader', + 'css-loader' + ] + } + ] + }, + mode, + plugins: [ + new MiniCssExtractPlugin({ + filename: '[name].css' + }) + ], + devtool: prod ? false: 'source-map' +};