diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 00000000..c0e42758
Binary files /dev/null and b/favicon.ico differ
diff --git a/public/assets/icons/favicons/android-chrome-192x192.png b/public/assets/icons/favicons/android-chrome-192x192.png
new file mode 100644
index 00000000..255c392b
Binary files /dev/null and b/public/assets/icons/favicons/android-chrome-192x192.png differ
diff --git a/public/assets/icons/favicons/android-chrome-512x512.png b/public/assets/icons/favicons/android-chrome-512x512.png
new file mode 100644
index 00000000..83f49a84
Binary files /dev/null and b/public/assets/icons/favicons/android-chrome-512x512.png differ
diff --git a/public/assets/icons/favicons/apple-touch-icon.png b/public/assets/icons/favicons/apple-touch-icon.png
new file mode 100644
index 00000000..6b342617
Binary files /dev/null and b/public/assets/icons/favicons/apple-touch-icon.png differ
diff --git a/public/assets/icons/favicons/favicon-16x16.png b/public/assets/icons/favicons/favicon-16x16.png
new file mode 100644
index 00000000..b67036b9
Binary files /dev/null and b/public/assets/icons/favicons/favicon-16x16.png differ
diff --git a/public/assets/icons/favicons/favicon-32x32.png b/public/assets/icons/favicons/favicon-32x32.png
new file mode 100644
index 00000000..a9513355
Binary files /dev/null and b/public/assets/icons/favicons/favicon-32x32.png differ
diff --git a/public/assets/icons/favicons/site.webmanifest b/public/assets/icons/favicons/site.webmanifest
new file mode 100644
index 00000000..1491f0e5
--- /dev/null
+++ b/public/assets/icons/favicons/site.webmanifest
@@ -0,0 +1,17 @@
+{
+ "name":"Brrrello",
+ "short_name":"Brr...",
+ "icons":[
+ {
+ "src":"/android-chrome-192x192.png",
+ "sizes":"192x192","type":"image/png"
+ },
+ {
+ "src":"/android-chrome-512x512.png",
+ "sizes":"512x512","type":"image/png"
+ }
+ ],
+ "theme_color":"#ffffff",
+ "background_color":"#ffffff",
+ "display":"standalone"
+}
diff --git a/public/assets/logo.webp b/public/assets/logo.webp
index c2b1d678..9ed83700 100644
Binary files a/public/assets/logo.webp and b/public/assets/logo.webp differ
diff --git a/robots.txt b/robots.txt
new file mode 100644
index 00000000..a95c006d
--- /dev/null
+++ b/robots.txt
@@ -0,0 +1,3 @@
+User-agent: *
+Crawl-delay: 1
+Host: http://95.163.213.142/
diff --git a/src/components/Card/Card.scss b/src/components/Card/Card.scss
index 359b05bd..04fc4390 100644
--- a/src/components/Card/Card.scss
+++ b/src/components/Card/Card.scss
@@ -34,6 +34,8 @@ $card-due-date-done: forestgreen;
&__title {
display: inline;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
}
diff --git a/src/components/CardList/CardList.scss b/src/components/CardList/CardList.scss
index 4ce49a63..dec23493 100644
--- a/src/components/CardList/CardList.scss
+++ b/src/components/CardList/CardList.scss
@@ -38,7 +38,8 @@ $scrollbar-width: 1600px;
&__title {
font-size: 20px;
margin-right: auto;
-
+ overflow: hidden;
+ text-overflow: ellipsis;
}
span:empty {
diff --git a/src/components/Footer/Footer.scss b/src/components/Footer/Footer.scss
index 5b732895..c40655eb 100644
--- a/src/components/Footer/Footer.scss
+++ b/src/components/Footer/Footer.scss
@@ -1,9 +1,13 @@
+@import '../../styles/scss/Constants';
+@import '../../styles/scss/Fonts';
+@import '../../styles/scss/Common';
+
/* Таблица стилей для компонента footer */
.footer {
position: fixed;
height: 50px;
- background-color: #005f73;
+ background-color: $main-theme-secondary-color;
bottom: 0;
left: 0;
right: 0;
@@ -14,8 +18,8 @@
&__text {
- color: azure;
- font-family: 'IBM Plex Sans', sans-serif;
+ color: rgb(255, 255, 255);
+ font-family: 'Montserrat', sans-serif;
text-align: center;
}
}
diff --git a/src/components/Navbar/Navbar.scss b/src/components/Navbar/Navbar.scss
index c9668c31..d09716c1 100644
--- a/src/components/Navbar/Navbar.scss
+++ b/src/components/Navbar/Navbar.scss
@@ -1,20 +1,23 @@
+@import '../../styles/scss/Constants';
+@import '../../styles/scss/Fonts';
+@import '../../styles/scss/Common';
+
/* navbar style */
.navbar__wrapper {
- background-color: #258085;
+ background-color: $main-theme-color;
border-bottom: 1px solid #C3C3C3;
user-select: none;
}
.navbar {
- z-index: 5;
height: 56px;
max-width: 1680px;
position: relative;
- background-color: #258085;
+ background-color: $main-theme-color;
margin: 0 auto;
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+ font-family: 'Montserrat', sans-serif;
}
.navbar__header {
@@ -29,20 +32,20 @@
}
.navbar__link__title {
- color: #ffffff;
+ color: rgb(255, 255, 255);
text-decoration: none;
}
.navbar__links {
- display: inline;
+ display: block;
float: right;
font-size: 18px;
}
.navbar__link {
display: inline-block;
- padding: 16px 10px;
- color: #e5e9f5;
+ padding: 18px 12px;
+ color: rgb(255, 255, 255);
text-decoration: none;
cursor: pointer;
}
diff --git a/src/index_template.html b/src/index_template.html
index ee39e936..31f3236f 100644
--- a/src/index_template.html
+++ b/src/index_template.html
@@ -5,7 +5,7 @@
-
+
@@ -15,8 +15,14 @@
+
Brrrello
+
+
+
+
+
diff --git a/src/styles/scss/Card.scss b/src/styles/scss/Card.scss
deleted file mode 100644
index 8331f6af..00000000
--- a/src/styles/scss/Card.scss
+++ /dev/null
@@ -1,115 +0,0 @@
-.avatar {
- height: 30px;
- border-radius: 50%; }
-
-.avatar:hover {
- opacity: 0.8; }
-
-.card-tag {
- background: darkred;
- width: 50px;
- height: 10px;
- border-radius: 5px; }
-
-.button {
- padding: 16px 24px;
- color: white;
- background-color: #258085;
- border: none;
- outline: none;
- border-radius: 5px;
- letter-spacing: 1px;
- font-size: 16px;
- cursor: pointer;
- transition: all 0.3s ease-in-out; }
- .button_small {
- padding: 8px 12px; }
-
-.button:focus,
-.button:hover {
- background-color: #4d9cf5; }
-
-.horizontal-line {
- border-bottom: solid 2px #aac9d0;
- margin: 5px; }
-
-.vertical-line {
- height: 25px;
- border-left: solid 2px #aac9d0;
- margin-left: 5px;
- margin-right: 5px; }
-
-.card {
- display: flex;
- flex-direction: column;
- gap: 10px;
- width: 250px;
- text-decoration: none;
- color: inherit;
- padding: 7px;
- background: #cff1f9;
- border-radius: 10px;
- box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.4); }
-
-.card:hover {
- transition: all 0.3s ease-in-out;
- background: #aac9d0; }
-
-/* Due-date */
-.badge-due-date-wrapper {
- border: 2px solid;
- border-radius: 10px;
- width: min-content;
- display: flex;
- flex-direction: row;
- padding-right: 5px;
- background: #e7f6fe; }
-
-.badge-due-date__icon::before {
- content: 'query_builder'; }
-
-.badge-due-date__text {
- font-family: 'Montserrat', sans-serif;
- font-size: 15px;
- font-weight: bold;
- line-height: normal; }
-
-.badge-due-date-wrapper_overdue {
- background: coral; }
-
-.badge-due-date-wrapper_done {
- background: forestgreen; }
-
-/* Остальные badges: */
-.badge-description::before {
- content: 'segment'; }
-
-.badge-attachments::before {
- content: 'attach_file'; }
-
-.badge-checklist::before {
- content: 'checklist'; }
-
-.card__badges {
- display: flex;
- flex-direction: row;
- align-items: baseline;
- flex-wrap: wrap;
- gap: 2px;
- margin-top: 5px; }
-
-/* Assignees: */
-.card__assignees {
- margin-left: auto;
- display: flex;
- flex-direction: row;
- align-self: start;
- gap: 3px; }
-
-.card__tags-container {
- display: flex;
- flex-direction: row;
- gap: 4px;
- flex-wrap: wrap; }
-
-/*# sourceMappingURL=card.css.map */
diff --git a/src/styles/scss/CardList.scss b/src/styles/scss/CardList.scss
deleted file mode 100644
index e69de29b..00000000
diff --git a/src/styles/scss/CardListPopup.scss b/src/styles/scss/CardListPopup.scss
index 1eece2da..fbed6ea4 100644
--- a/src/styles/scss/CardListPopup.scss
+++ b/src/styles/scss/CardListPopup.scss
@@ -13,7 +13,7 @@
.popup {
z-index: 10;
position: absolute;
- background: #ffffff;
+ background: rgb(255, 255, 255);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
diff --git a/src/styles/scss/CardPopup.scss b/src/styles/scss/CardPopup.scss
index 1eece2da..fbed6ea4 100644
--- a/src/styles/scss/CardPopup.scss
+++ b/src/styles/scss/CardPopup.scss
@@ -13,7 +13,7 @@
.popup {
z-index: 10;
position: absolute;
- background: #ffffff;
+ background: rgb(255, 255, 255);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
diff --git a/src/styles/scss/Constants.scss b/src/styles/scss/Constants.scss
index 377199c0..70d7487f 100644
--- a/src/styles/scss/Constants.scss
+++ b/src/styles/scss/Constants.scss
@@ -4,6 +4,7 @@ $tertiary-bg-color: rgb(170, 201, 208);
$main-theme-color: rgb(37, 128, 133);
$main-theme-color__focus: rgb(77, 156, 245);
+$main-theme-secondary-color: rgb(0, 95, 115);
$transparent-bg-color: rgba(255, 255, 255, 0.3);
$default-box-shadow-color: rgba(0, 0, 0, 0.2);
diff --git a/src/views/BoardsView/BoardsView.scss b/src/views/BoardsView/BoardsView.scss
index 75e92400..498ef65f 100644
--- a/src/views/BoardsView/BoardsView.scss
+++ b/src/views/BoardsView/BoardsView.scss
@@ -29,6 +29,8 @@ $team-font-size: 25px;
&__header {
padding-bottom: 1px;
font-size: $card-header-font-size;
+ overflow: hidden;
+ text-overflow: ellipsis;
border-bottom: dotted 1px;
}
diff --git a/src/views/ProfileView/ProfileView.scss b/src/views/ProfileView/ProfileView.scss
index e1671874..0dea04ce 100644
--- a/src/views/ProfileView/ProfileView.scss
+++ b/src/views/ProfileView/ProfileView.scss
@@ -129,7 +129,7 @@ body {
/* внешняя обертка под поля регистрации */
.profile__input__wrapper {
position: relative;
- margin: 2.4em 0 1.5em 1.5em;
+ margin: 2.4em 0 1.5em;
}
/* заголовок поля регистрации */