Version 0.2 beta
This is the beta version of the Morse Converter for the web. It is a complete rewrite and now a full webapp using Polymer. It supports all the features of the desktop and the android version.
This commit is contained in:
parent
0e7a53c678
commit
febe5a9eec
35 changed files with 2499 additions and 2052 deletions
54
app/elements/app-theme.html
Normal file
54
app/elements/app-theme.html
Normal file
|
@ -0,0 +1,54 @@
|
|||
<style is="custom-style">
|
||||
:root {
|
||||
--dark-primary-color: #1976D2;
|
||||
--default-primary-color: #2196F3;
|
||||
--light-primary-color: #64B5F6;
|
||||
--color-gray: #fafafa;
|
||||
font-family: "Roboto", sans-serif;
|
||||
}
|
||||
|
||||
paper-toolbar {
|
||||
background-color: var(--default-primary-color);
|
||||
}
|
||||
|
||||
paper-drawer-panel {
|
||||
--paper-drawer-panel-main-container: {
|
||||
background-color: var(--color-gray);
|
||||
};
|
||||
}
|
||||
|
||||
paper-drawer-panel {
|
||||
--paper-drawer-panel-left-drawer-container: {
|
||||
background-color: white;
|
||||
};
|
||||
}
|
||||
|
||||
paper-material {
|
||||
border-radius: 2px;
|
||||
padding: 16px;
|
||||
width: 50%;
|
||||
margin: 16px auto;
|
||||
background: white;
|
||||
}
|
||||
|
||||
iron-autogrow-textarea, #input {
|
||||
word-break: break-all!important;
|
||||
}
|
||||
|
||||
p {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
paper-material {
|
||||
width: 75%:
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
paper-material {
|
||||
width: calc(95% - 32px);
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
24
app/elements/elements.html
Normal file
24
app/elements/elements.html
Normal file
|
@ -0,0 +1,24 @@
|
|||
<!-- Font -->
|
||||
<link rel="import" href="../bower_components/font-roboto/roboto.html">
|
||||
<!-- Icons -->
|
||||
<link rel="import" href="../bower_components/iron-icons/iron-icons.html">
|
||||
<!-- Page -->
|
||||
<link rel="import" href="../bower_components/paper-styles/paper-styles-classes.html">
|
||||
<link rel="import" href="../bower_components/iron-flex-layout/classes/iron-flex-layout.html">
|
||||
<!-- Toolbar -->
|
||||
<link rel="import" href="../bower_components/paper-header-panel/paper-header-panel.html">
|
||||
<link rel="import" href="../bower_components/paper-toolbar/paper-toolbar.html">
|
||||
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">
|
||||
<!-- Drawer -->
|
||||
<link rel="import" href="../bower_components/paper-drawer-panel/paper-drawer-panel.html">
|
||||
<link rel="import" href="../bower_components/paper-menu/paper-menu.html">
|
||||
<link rel="import" href="../bower_components/paper-item/paper-item.html">
|
||||
<!-- Page -->
|
||||
<link rel="import" href="../bower_components/paper-material/paper-material.html">
|
||||
<link rel="import" href="../bower_components/paper-input/paper-textarea.html">
|
||||
<link rel="import" href="../bower_components/paper-toast/paper-toast.html">
|
||||
<!-- Offline -->
|
||||
<link rel="import" href="../bower_components/platinum-sw/platinum-sw-register.html">
|
||||
<link rel="import" href="../bower_components/platinum-sw/platinum-sw-cache.html">
|
||||
<!-- Style -->
|
||||
<link rel="import" href="app-theme.html">
|
Reference in a new issue