Giter Club home page Giter Club logo

vue.vtaiwan.tw's Introduction

關於 vTaiwan

vTaiwan 是什麼?

這是一個討論法規該如何制定或修改的平台,透過彼此的意見交流,希望能夠產出符合各利益關係人期待,也貼近實際需求的法規內容。

為什麼要參與 vTaiwan?

法律規定了社會上每個人的權利與義務,因此法規應該具備哪些內容,不只是行政機關,或是立法部門的工作,而是與每個人都切身相關。

補:2019年新制法律,與每人切身相關(https://chirui.pixnet.net/blog/post/272168132-2019%E6%96%B0%E5%88%B6%E4%B8%8A%E8%B7%AF%EF%BC%8C%E4%BD%A0%E4%B8%80%E5%AE%9A%E8%A6%81%E7%9F%A5%E9%81%93%E7%9A%84%E5%8D%81%E5%80%8B%E8%88%87%E4%BD%A0%E5%88%87%E8%BA%AB)

此外,越多利益關係人加入討論,就能夠讓法規的內容越完整周延,避免出現權益受到影響、但意見又無法表達的矛盾狀況。簡單來說,參與 vTaiwan,不只能夠照顧到自己的權益,同時也是在幫助每一個可能的利益關係人。

在 vTaiwan 表達意見有什麼用?

首先,全部的意見都是公開閱覽,除了行政機關與法規制定機關必須閱讀以外,所有的參與者也可以從不同的意見中,增進彼此的相互理解與建立對議題更深入的思考。

其次,行政機關或法規制定機關必須彙整所有的意見,並納入決策的討論過程。針對意見中的疑問或建議,機關要在一定時間內提出回覆。當法規修改內容確定後,也要說明具體採納了哪些意見。對於未採納的意見,機關也必須回應目前無法實行的理由。

感謝 g0v vTaiwan.tw 專案參與者的共同建置、國發會法制協調中心與資策會科技法律研究所的協力支援,以及所有參與者的意見貢獻。

參與開發

  • 在Github上 複製本專案
  • 安裝 nodeJS v6~v12
  • 下載相關套件 npm install
  • 近端測試 npm run dev
  • 要做的內容與相關討論,請見議題區
  • 本專案的技術框架使用Vue,請參考VueJSVue說明
  • 開發環境使用Webpack與vue-loader,如欲設定環境或引入資源,請閱讀Webpackvue-loader

界面設計圖

Deploy 方式

當 push / merge 至 master branch 時,travis 自動進行 deploy。 如需手動 deploy,方式如下:

npm install
node build/get-route.js
npm run build:static
./deploy

Deploy 後可至 https://vtaiwan.tw 看到結果。


About vTaiwan

What is vTaiwan?

vTaiwan is a platform invite to discuss and initiate regulatory reform. Through idea exchange and collaboration, it hopes to develop regulations and laws that best serve needs to all stakeholders.

Why vTaiwan?

Law commonly refers to a system of rules created and enforced through social or governmental institutions to regulate behavior. It's impacts all citizens, not only the the parliament or administratives. Therefore, it's important to show care and get involved.

Besides, the more inputs gathered from relavant staakeholders, the better it serves the public. Participating vTaiwan can not only guard our own rights and benefits, but also help protect every possible stakeholders in various topic, issues and aspects.

What does it do when giving opinoins in vTaiwan?

Firstly, all discussion, opinions are open to public, including to the government. Therefore, the administrative and regulatory agencies can gain insights from the public. All particpants can also deeply discuss and gain mutual understanding on their interested topics.

Secondly, administrative and regulatory agencies will collect, assemble and organize all opinoins, and bring those to final decision. Agencies are asked to response in the limited period of time, whether the opinions got adopted or rejected to regulatory reform, as well as to provide reasons behind.

Thanks to the contribution of g0v vTaiwan community, National Development Council Regulatory Reform Cetner, Science and Technology Law Institute, and all participants.

Develop

vue.vtaiwan.tw's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vue.vtaiwan.tw's Issues

Webpack設定與全域導入資源

想全域導入Bourbon + (SemanticUI or Bootstrap)
但不熟悉Webpack的設定,所以尚未成功。
如果有人懂Webpack的話,可以幫忙設定一下嗎?

prerender failed to spawn child process - Bad argument

prerender failed to spawn child process

on travis-ci (after_success.sh)

internal/child_process.js:289
  var err = this._handle.spawn(options);
                         ^
TypeError: Bad argument
    at TypeError (native)
    at ChildProcess.spawn (internal/child_process.js:289:26)
    at exports.spawn (child_process.js:380:9)
    at Object.exports.execFile (child_process.js:143:15)
    at capturePage (/home/travis/build/g0v/vue.vtaiwan.tw/node_modules/prerender-spa-plugin/lib/compile-to-html.js:70:26)
    at /home/travis/build/g0v/vue.vtaiwan.tw/node_modules/prerender-spa-plugin/lib/compile-to-html.js:89:11
    at _invoke (/home/travis/build/g0v/vue.vtaiwan.tw/node_modules/hapi/lib/server.js:305:20)
    at internals.Server._invoke (/home/travis/build/g0v/vue.vtaiwan.tw/node_modules/hapi/lib/server.js:375:16)
    at Items.serial (/home/travis/build/g0v/vue.vtaiwan.tw/node_modules/hapi/lib/server.js:297:14)
    at done (/home/travis/build/g0v/vue.vtaiwan.tw/node_modules/hapi/node_modules/items/lib/index.js:31:25)
    at Server.finalize (/home/travis/build/g0v/vue.vtaiwan.tw/node_modules/hapi/lib/connection.js:171:9)
    at Server.g (events.js:291:16)
    at emitNone (events.js:91:20)
    at Server.emit (events.js:185:7)
    at emitListeningNT (net.js:1285:10)
    at _combinedTickCallback (internal/process/next_tick.js:71:11)
    at process._tickCallback (internal/process/next_tick.js:98:9)
error Command failed with exit code 1.

BTW,

I'm wondering why we use prerendering over SSR? 's the benefit?

全域導入jQuery?

webpack的設定檔,在不同情境下會有出入
目前查到的解,均非針對webpack2 + vue2 server-side rendering
要如何針對vue.vTaiwan.tw(webpack2 + vue2 server-side rendering)設定呢?

five-steps navigation doesn't work well on mobile version.

左邊欄位: 即將開始 意見徵集 研擬草案 送交審查 歷史案件
右邊欄位: 依據以上五個步驟,將相對應議題置入

選了左邊欄位的其中一個階段,右邊欄位 scroll to 那個階段
滑了右邊欄位到其中一個階段,左邊欄位的 highlight 隨之改變

網站部署方式

之前的專案設計風格看起來是用 vue 的 SSR 功能
但是這樣的話就要自己架設 nodejs server
如果我們已經採用discourse作為後端,那前端就可以放在github上而不用自己架設server
但是這樣SSR的功能就不能運作(或許要使用 pre-render 來實作)

總結來說方案有兩個

  1. Github 純前端頁面 + Pre-render + talk.vtaiwan.tw 後端 Discourse
  2. NodeJS + SSR + talk.vtaiwan.tw 後端 Discourse

以上問題,大家有什麼想法嗎 囧

順帶一題,已經設定好SSR部署環境的vue專案
似乎不能直接產生純靜態的網頁
vuejs/vue-hackernews-2.0#61
也就是說如果要採用方案1,可能要把SSR設定拿掉

Allow deeplink for tabs on topic pages

I am finding myself often trying to share the nicely designed topic pages with english speakers. I am fine sharing the non-English page, but I feel that English viewers are most likely to explore deeper if they can land directly on the "timeline" tab.

I could alternatively share the transcript or youtube links together, but it makes the whole vtaiwan project feel "less coherent" when I am forced to introduce it that way. I would much prefer to link to vtaiwan.tw itself.

I would love to see the ability to use a link like https://vtaiwan.tw/topic/airbnb/#timeline

Thanks!

npm install error

目前 git clone 下來,直接 npm i 會有下列錯誤

npm ERR! notarget No compatible version found: node-bourbon@^3.10.5
npm ERR! notarget Valid install targets:
npm ERR! notarget 4.2.8, 4.2.7, 4.2.6, 4.2.3, 4.2.2, 4.2.1, 4.2.1-beta1, 1.2.3, 1.2.2, 1.2.1, 1.1.0, 1.0.0, 0.1.0
npm ERR! notarget 
npm ERR! notarget This is most likely not a problem with npm itself.
npm ERR! notarget In most cases you or one of your dependencies are requesting
npm ERR! notarget a package version that doesn't exist.
npm ERR! notarget 
npm ERR! notarget It was specified as a dependency of 'vue.vtaiwan.tw'
npm ERR! notarget 

npm ERR! Please include the following file with any support request:
npm ERR!     /Users/chairco/OneDrive/SourceCode/django/vue.vtaiwan.tw/npm-debug.log

如果在 package.json 改 node-bourbon -> 4.2.8 則可以安裝成功。

Hyperlinks disappearing from Observations block

PDPC發布、修訂個人資料電子媒介保護指南和個人資料物理上處理指南
新加坡個人資料保護委員會(PDPC)發布一份新指南「個人資料時防止意外披露指南」(Guide to Preventing Accidental Disclosure),為組織提供在處理和發送個人資料時防止意外洩露的知識,提供以下指導: < >< >< >< >< >

Note the < >< >< >< >< >

參與討論要嵌入的項目

包含 「意見徵集」 跟 「研擬草案」 階段
嵌入內容白名單
live house
discourse
slido
polis

若沒有東西嵌入則隱藏「參與討論」tab

Implement server-side rendered (SSR)

Original Title: Allow website to be translated by Google Translate

When sharing vTaiwan efforts with English-only speakers, I often wish to share the expereience I have when viewing vTaiwan.tw in Google Chrome, then right-clicking and selecting "Translate to English". The site looks wonderful and moderately legible when I do this. However, that is an extra step to explain to some (and doesn't fit well in a tweet).

I would much rather share this style of link:
https://translate.google.com/translate?u=https://vtaiwan.tw/topic/airbnb/

But as you can see, that doesn't work. (It does work fairly well for SayIt and Hackpad's /ep/pad/static urls, but sharing those gives a much less coherent impression of vTaiwan to those for whom this link might be the first impression :)

I would love to see these pages work more smoothly with translation services, if at all possible! Thanks!

window is not defined when run `yarn start`

liuyutingdeMacBook-Pro-2:vue.vtaiwan.tw yutin$ yarn start
yarn start v0.16.1
$ cross-env NODE_ENV=production node server
server started at localhost:8080

/Users/yutin/Develop/vtaiwan/vue.vtaiwan.tw/server.js:85
    throw err
    ^
ReferenceError: window is not defined
    at __vue_ssr_bundle__:476:30
    at __vue_ssr_bundle__:471:47
    at module.exports (__vue_ssr_bundle__:493:68)
    at Object.module.exports.module.exports (__vue_ssr_bundle__:721:37)
    at __webpack_require__ (__vue_ssr_bundle__:21:30)
    at Object.module.exports.Object.defineProperty.value (__vue_ssr_bundle__:235:12)
    at __webpack_require__ (__vue_ssr_bundle__:21:30)
    at Object.<anonymous> (__vue_ssr_bundle__:790:18)
    at __webpack_require__ (__vue_ssr_bundle__:21:30)
    at Object.module.exports.exports.uppercase (__vue_ssr_bundle__:81:67)
error Command failed with exit code 1.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.