jaejoson
/
JhipsterGroupProject-Client
sklonowany z Cohort4.2/JhipsterGroupProject-Client
Obserwuj 1
Gwiazdka 0
Forkuj 3
Kod Problemy 0 Pull Requests 0 Wydania 0 Wiki Aktywność
Etykiety Kamienie milowe
Nowy pull request

#13 finished home page

Scalone
ElliottStansbury scala 29 commity/ów z ElliottStansbury/JhipsterGroupProject-Client:home do home 7 lat temu
Dyskusja 0 Commity 29 Pliki zmodyfikowane 15
15 zmienionych plików z 118 dodań i 41 usunięć
Zunifikowany widok Pokaż statystyki zmian
  1. 1
    1
      src/main/resources/templates/error.html
  2. 1
    1
      src/main/resources/templates/mail/creationEmail.html
  3. 1
    1
      src/main/webapp/404.html
  4. 10
    7
      src/main/webapp/app/FaeBoo/Profile-head/profile-head.component.html
  5. 54
    9
      src/main/webapp/app/FaeBoo/Profile-head/profile-head.component.ts
  6. 20
    0
      src/main/webapp/app/FaeBoo/Profile-head/profile-head.css
  7. 1
    0
      src/main/webapp/app/entities/post/post.component.ts
  8. 9
    7
      src/main/webapp/app/home/home.component.html
  9. 13
    13
      src/main/webapp/app/layouts/navbar/navbar.component.html
  10. 2
    0
      src/main/webapp/app/layouts/navbar/navbar.component.ts
  11. 5
    1
      src/main/webapp/app/layouts/navbar/navbar.scss
  12. BIN
      src/main/webapp/content/images/faceofbooks4.jpg
  13. BIN
      src/main/webapp/content/images/faceofbooks4.png
  14. BIN
      src/main/webapp/content/images/giphy.gif
  15. 1
    1
      src/main/webapp/index.html

+ 1
- 1
src/main/resources/templates/error.html Wyświetl plik

3 
       xsi:schemaLocation="http://www.thymeleaf.org ">
 3 
       xsi:schemaLocation="http://www.thymeleaf.org ">
4 
 <head>
 4 
 <head>
5 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 5 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
6 
-    <link rel="shortcut icon" href="${baseUrl}/favicon.ico" />
6 
+    <link rel="shortcut icon" href="${baseUrl}/fa" />
7 
     <title>Your request cannot be processed</title>
 7 
     <title>Your request cannot be processed</title>
8 
     <style>
 8 
     <style>
9 
         ::-moz-selection {
 9 
         ::-moz-selection {

+ 1
- 1
src/main/resources/templates/mail/creationEmail.html Wyświetl plik

3 
     <head>
 3 
     <head>
4 
         <title th:text="#{email.activation.title}">JHipster creation</title>
 4 
         <title th:text="#{email.activation.title}">JHipster creation</title>
5 
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 5 
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
6 
-        <link rel="shortcut icon" th:href="@{|${baseUrl}/favicon.ico|}" />
6 
+        <link rel="shortcut icon" th:href="@{|${baseUrl}/faceofbooks4.png|}" />
7 
     </head>
 7 
     </head>
8 
     <body>
 8 
     <body>
9 
         <p th:text="#{email.activation.greeting(${user.login})}">
 9 
         <p th:text="#{email.activation.greeting(${user.login})}">

+ 1
- 1
src/main/webapp/404.html Wyświetl plik

4 
     <meta charset="utf-8">
 4 
     <meta charset="utf-8">
5 
     <title>Page Not Found</title>
 5 
     <title>Page Not Found</title>
6 
     <meta name="viewport" content="width=device-width, initial-scale=1">
 6 
     <meta name="viewport" content="width=device-width, initial-scale=1">
7 
-    <link rel="shortcut icon" href="favicon.ico" />
7 
+    <link rel="shortcut icon" href="faceofbooks4.png" />
8 
     <style>
 8 
     <style>
9
9
10 
         * {
 10 
         * {

+ 10
- 7
src/main/webapp/app/FaeBoo/Profile-head/profile-head.component.html Wyświetl plik

3 
     <div class = "friend-cont">
 3 
     <div class = "friend-cont">
4
4
5 
         <div class="friend-pic friend4" id = "friend7">
 5 
         <div class="friend-pic friend4" id = "friend7">
6 
-            <img class ="friend-photo friend4" src = "../../../content/images/defaultphoto.png">
6 
+            <img class ="friend-photo friend4" src = "../../../content/images/faceofbooks3.jpg">
7 
         </div>
 7 
         </div>
8
8
9 
         <div class="friend-pic friend3" id = "friend5">
 9 
         <div class="friend-pic friend3" id = "friend5">
10 
-            <img class ="friend-photo friend3" src = "../../../content/images/defaultphoto.png">
10 
+            <img class ="friend-photo friend3" src = "../../../content/images/faceofbooks4.png">
11 
         </div>
 11 
         </div>
12
12
13 
         <div class="friend-pic friend2" id = "friend3">
 13 
         <div class="friend-pic friend2" id = "friend3">
14 
-            <img class ="friend-photo" src = "../../../content/images/defaultphoto.png">
14 
+            <img class ="friend-photo" src = "../../../content/images/faceofbooks2.jpg">
15 
         </div>
 15 
         </div>
16
16
17 
         <div class="friend-pic friend1" id = "friend1">
 17 
         <div class="friend-pic friend1" id = "friend1">
18 
-            <img class ="friend-photo" src = "../../../content/images/defaultphoto.png">
18 
+            <img class ="friend-photo" src = "../../../content/images/faceofbooks1.png">
19 
         </div>
 19 
         </div>
20
20
21 
         <div class = "profile-pic">
 21 
         <div class = "profile-pic">
67 
                 <div class = "button-holder"><button class = "postBtn">Schedule</button></div>
 67 
                 <div class = "button-holder"><button class = "postBtn">Schedule</button></div>
68 
                 <div class = "button-holder"><button class = "postBtn">Memo</button></div>
 68 
                 <div class = "button-holder"><button class = "postBtn">Memo</button></div>
69 
                 <div class = "button-holder"><button class = "postBtn">Photo</button></div>
 69 
                 <div class = "button-holder"><button class = "postBtn">Photo</button></div>
70 
-                <div class = "button-holder"><button class = "postBtn" (click)="submitPost();">Submit</button></div>
70 
+                <div class = "button-holder"><button class = "postBtn" (click)="submitPost();loadAll();">Submit</button></div>
71 
             </div>
 71 
             </div>
72
72
73 
             <p id = "msg">Create a post...</p>
 73 
             <p id = "msg">Create a post...</p>
74 
         </div>
 74 
         </div>
75 
-
76 
-
77 
     </div>
 75 
     </div>
78
76
77 
+    <div id = "post-container">
78 
+            <div *ngFor="let post of posts;trackBy: trackId" class = "single-post">
79 
+                {{post.content}}
80 
+            </div>
81 
+    </div>
79 
 </div>
 82 
 </div>

+ 54
- 9
src/main/webapp/app/FaeBoo/Profile-head/profile-head.component.ts Wyświetl plik

1 
-import { Component } from '@angular/core';
1 
+import { Component, OnInit } from '@angular/core';
2 
 import { PostService } from 'app/entities/post';
 2 
 import { PostService } from 'app/entities/post';
3 
 import { IPost } from 'app/shared/model/post.model';
 3 
 import { IPost } from 'app/shared/model/post.model';
4 
-import { IUser } from 'app/core';
4 
+import { IUser, Principal } from 'app/core';
5 
 import { Observable } from 'rxjs';
 5 
 import { Observable } from 'rxjs';
6 
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
 6 
 import { HttpErrorResponse, HttpResponse } from '@angular/common/http';
7 
+import { JhiAlertService } from 'ng-jhipster';
7
8
8 
 @Component({
 9 
 @Component({
9 
     selector: 'jhi-profile-head',
 10 
     selector: 'jhi-profile-head',
10 
     templateUrl: './profile-head.component.html',
 11 
     templateUrl: './profile-head.component.html',
11 
     styleUrls: ['profile-head.css']
 12 
     styleUrls: ['profile-head.css']
12 
 })
 13 
 })
13 
-export class ProfileHeadComponent {
14 
+export class ProfileHeadComponent implements OnInit {
14 
     str: string;
 15 
     str: string;
15 
     post: IPost;
 16 
     post: IPost;
16 
     user: IUser;
 17 
     user: IUser;
17 
     isSaving: boolean;
 18 
     isSaving: boolean;
18 
     testPost: IPost;
 19 
     testPost: IPost;
20 
+    posts: IPost[];
19
21
20 
-    constructor(private postService: PostService) {}
22 
+    constructor(private postService: PostService, private jhiAlertService: JhiAlertService) {}
23 
+
24 
+    ngOnInit() {
25 
+        this.loadAll();
26 
+    }
27 
+
28 
+    trackId(index: number, item: IPost) {
29 
+        return item.id;
30 
+    }
31 
+
32 
+    loadAll() {
33 
+        this.postService.query().subscribe(
34 
+            (res: HttpResponse<IPost[]>) => {
35 
+                this.posts = res.body;
36 
+            },
37 
+            (res: HttpErrorResponse) => this.onError(res.message)
38 
+        );
39 
+    }
40 
+
41 
+    private onError(errorMessage: string) {
42 
+        this.jhiAlertService.error(errorMessage, null, null);
43 
+    }
44 
+
45 
+    getPost(): void {
46 
+        console.log('2');
47 
+        this.testPost = new class implements IPost {
48 
+            content: string;
49 
+            dislikes: number;
50 
+            id: number;
51 
+            likes: number;
52 
+            numberOfComments: number;
53 
+            owner: IUser;
54 
+        }();
55 
+        this.testPost.content = 'This is a test';
56 
+        this.testPost.numberOfComments = 0;
57 
+        this.testPost.likes = 0;
58 
+        this.testPost.dislikes = 0;
59 
+        this.testPost.id = 0;
60 
+        // this.testPosts.push(this.testPost);
61 
+    }
21
62
22 
     submitPost(): void {
 63 
     submitPost(): void {
23 
         this.post = new class implements IPost {
 64 
         this.post = new class implements IPost {
32 
         this.post.dislikes = 0;
 73 
         this.post.dislikes = 0;
33 
         this.post.likes = 0;
 74 
         this.post.likes = 0;
34 
         this.post.numberOfComments = 0;
 75 
         this.post.numberOfComments = 0;
35 
-        if (this.post.content.length > 1) {
36 
-            this.save(this.post);
37 
-        }
76 
+        this.save(this.post);
77 
+        this.str = '';
38 
     }
 78 
     }
39
79
40 
     save(post: IPost) {
 80 
     save(post: IPost) {
41 
         this.isSaving = true;
 81 
         this.isSaving = true;
42 
-        this.subscribeToSaveResponse(this.postService.create(post));
43 
-        console.log('post created');
82 
+        const self = this;
83 
+        this.postService
84 
+            .create(post)
85 
+            .toPromise()
86 
+            .then(function(response) {
87 
+                self.loadAll();
88 
+            });
44 
     }
 89 
     }
45
90
46 
     private subscribeToSaveResponse(result: Observable<HttpResponse<IPost>>) {
 91 
     private subscribeToSaveResponse(result: Observable<HttpResponse<IPost>>) {

+ 20
- 0
src/main/webapp/app/FaeBoo/Profile-head/profile-head.css Wyświetl plik

158 
     grid-column-start: 1;
 158 
     grid-column-start: 1;
159 
     grid-row-start: 2;
 159 
     grid-row-start: 2;
160 
 }
 160 
 }
161 
+
162 
+#post-container {
163 
+    width: 65%;
164 
+    min-height: 250px;
165 
+    margin: auto;
166 
+    padding: 10px;
167 
+    box-sizing: border-box;
168 
+}
169 
+
170 
+.single-post {
171 
+    width: 100%;
172 
+    min-height: 100px;
173 
+    padding: 15px;
174 
+    box-sizing: border-box;
175 
+    color: #969a9f;
176 
+    border-radius: 5px;
177 
+    background-color: #e2e6eb;
178 
+    margin-top: 10px;
179 
+    margin-bottom: 10px;
180 
+}

+ 1
- 0
src/main/webapp/app/entities/post/post.component.ts Wyświetl plik

45 
     }
 45 
     }
46
46
47 
     trackId(index: number, item: IPost) {
 47 
     trackId(index: number, item: IPost) {
48 
+        console.log(item);
48 
         return item.id;
 49 
         return item.id;
49 
     }
 50 
     }
50
51

+ 9
- 7
src/main/webapp/app/home/home.component.html Wyświetl plik

1 
 <div class="row">
 1 
 <div class="row">
2 
     <div class="col-md-3">
 2 
     <div class="col-md-3">
3 
-        <span class="hipster img-fluid rounded"></span>
3 
+        <span class="hipster img-fluid rounded" ></span>
4 
     </div>
 4 
     </div>
5 
     <div class="col-md-9">
 5 
     <div class="col-md-9">
6
6
7 
-        <h1 class="display-1" jhiTranslate="home.title">Welcome to Faeboo!</h1>
8 
-        <h2 class="lead" jhiTranslate="home.subtitle">This is your homepage</h2>
7 
+        <h1 class="display-1" style="color:#F6AE2D" jhiTranslate="home.title">Welcome to Faeboo!</h1>
8 
+        <h2 class="lead" style="color:#2F4858" jhiTranslate="home.subtitle">This is your homepage</h2>
9
9
10 
         <div [ngSwitch]="isAuthenticated()">
 10 
         <div [ngSwitch]="isAuthenticated()">
11 
             <div class="alert alert-success" *ngSwitchCase="true">
 11 
             <div class="alert alert-success" *ngSwitchCase="true">
16 
             <br>
 16 
             <br>
17 
             <div class="alert alert-warning" *ngSwitchCase="false">
 17 
             <div class="alert alert-warning" *ngSwitchCase="false">
18
18
19 
-                <span>You can sign in by clicking</span>
20 
-                <a class="alert-link" (click)="login()" >sign in</a>
19 
+                <span style="color: #3e8acc">You can sign in by clicking</span>
20 
+                <a class="alert-link" style="color: #3e8acc"(click)="login()" >sign in</a>
21 
             </div>
 21 
             </div>
22 
             <div class="alert alert-warning" *ngSwitchCase="false">
 22 
             <div class="alert alert-warning" *ngSwitchCase="false">
23 
-                <span jhiTranslate="global.messages.info.register.noaccount">You don't have an account yet?</span>&nbsp;
24 
-                <a class="alert-link" routerLink="register" jhiTranslate="global.messages.info.register.link">Register a new account</a>
23 
+                <span style="color: #3e8acc" jhiTranslate="global.messages.info.register.noaccount">You don't have an account yet?</span>&nbsp;
24 
+                <a class="alert-link" style="color: #3e8acc" routerLink="register" jhiTranslate="global.messages.info.register.link">Register a new account</a>
25 
             </div>
 25 
             </div>
26 
+
27 
+            <iframe src="https://giphy.com/embed/NQZhGb4uBcVa0" width="900" height="270" frameBorder="0" class="giphy-embed" allowFullScreen></iframe>
26 
         </div>
 28 
         </div>
27
29
28
30

+ 13
- 13
src/main/webapp/app/layouts/navbar/navbar.component.html Wyświetl plik

5 
         </a>
 5 
         </a>
6 
         <a class="navbar-brand logo float-left" routerLink="/" (click)="collapseNavbar()">
 6 
         <a class="navbar-brand logo float-left" routerLink="/" (click)="collapseNavbar()">
7 
             <span class="logo-img"></span>
 7 
             <span class="logo-img"></span>
8 
-            <span jhiTranslate="global.title" class="navbar-title">FaeBoo</span>
8 
+            <span jhiTranslate="global.title" class="navbar-title"style="color: #F6AE2D">FaeBoo</span>
9 
     </div>
 9 
     </div>
10 
     <div class="navbar-collapse collapse" id="navbarResponsive" [ngbCollapse]="isNavbarCollapsed" [ngSwitch]="isAuthenticated()">
 10 
     <div class="navbar-collapse collapse" id="navbarResponsive" [ngbCollapse]="isNavbarCollapsed" [ngSwitch]="isAuthenticated()">
11 
         <ul class="navbar-nav ml-auto">
 11 
         <ul class="navbar-nav ml-auto">
12 
             <li class="nav-item" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
 12 
             <li class="nav-item" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
13 
                 <a class="nav-link" routerLink="/" (click)="collapseNavbar();trace();">
 13 
                 <a class="nav-link" routerLink="/" (click)="collapseNavbar();trace();">
14 
                     <span>
 14 
                     <span>
15 
-                        <fa-icon icon="home"></fa-icon>
16 
-                        <span jhiTranslate="global.menu.home">Home</span>
15 
+                        <fa-icon style="color: #F6AE2D" icon="home"></fa-icon>
16 
+                        <span style="color: #F6AE2D"jhiTranslate="global.menu.home">Home</span>
17 
                     </span>
 17 
                     </span>
18 
                 </a>
 18 
                 </a>
19 
             </li>
 19 
             </li>
21 
             <li class="nav-item" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
 21 
             <li class="nav-item" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
22 
                 <a class="nav-link" routerLink="/profile-head" (click)="collapseNavbar();">
 22 
                 <a class="nav-link" routerLink="/profile-head" (click)="collapseNavbar();">
23 
                     <span>
 23 
                     <span>
24 
-                        <fa-icon icon="home"></fa-icon>
25 
-                        <span>Profile</span>
24 
+                        <fa-icon style="color: #F6AE2D"icon="home"></fa-icon>
25 
+                        <span style="color: #F6AE2D">Profile</span>
26 
                     </span>
 26 
                     </span>
27 
                 </a>
 27 
                 </a>
28 
             </li>
 28 
             </li>
31 
             <li *ngSwitchCase="true" ngbDropdown class="nav-item dropdown pointer" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
 31 
             <li *ngSwitchCase="true" ngbDropdown class="nav-item dropdown pointer" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
32 
                 <a class="nav-link dropdown-toggle" ngbDropdownToggle href="javascript:void(0);" id="entity-menu">
 32 
                 <a class="nav-link dropdown-toggle" ngbDropdownToggle href="javascript:void(0);" id="entity-menu">
33 
                     <span>
 33 
                     <span>
34 
-                        <fa-icon icon="th-list"></fa-icon>
35 
-                        <span jhiTranslate="global.menu.entities.main">
34 
+                        <fa-icon icon="th-list" style="color: #F6AE2D"></fa-icon>
35 
+                        <span jhiTranslate="global.menu.entities.main" style="color: #F6AE2D">
36 
                             Entities
 36 
                             Entities
37 
                         </span>
 37 
                         </span>
38 
                     </span>
 38 
                     </span>
45 
                         </a>
 45 
                         </a>
46 
                     </li>
 46 
                     </li>
47 
                     <li>
 47 
                     <li>
48 
-                        <a class="dropdown-item" routerLink="profile" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }" (click)="collapseNavbar()">
48 
+                        <a class="dropdown-item" routerLink="profile" routerLinkActive="active" [routerLinkActiveOptions]="{ exact: true }" (click)="collapseNavbar();">
49 
                             <fa-icon icon="asterisk" fixedWidth="true"></fa-icon>
 49 
                             <fa-icon icon="asterisk" fixedWidth="true"></fa-icon>
50 
                             <span jhiTranslate="global.menu.entities.profile">Profile</span>
 50 
                             <span jhiTranslate="global.menu.entities.profile">Profile</span>
51 
                         </a>
 51 
                         </a>
92 
             <li *jhiHasAnyAuthority="'ROLE_ADMIN'" ngbDropdown class="nav-item dropdown pointer" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
 92 
             <li *jhiHasAnyAuthority="'ROLE_ADMIN'" ngbDropdown class="nav-item dropdown pointer" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
93 
                 <a class="nav-link dropdown-toggle" ngbDropdownToggle href="javascript:void(0);" id="admin-menu">
 93 
                 <a class="nav-link dropdown-toggle" ngbDropdownToggle href="javascript:void(0);" id="admin-menu">
94 
                     <span>
 94 
                     <span>
95 
-                        <fa-icon icon="user-plus"></fa-icon>
96 
-                        <span jhiTranslate="global.menu.admin.main">Administration</span>
95 
+                        <fa-icon style="color: #F6AE2D" icon="user-plus"></fa-icon>
96 
+                        <span jhiTranslate="global.menu.admin.main" style="color: #F6AE2D">Administration</span>
97 
                     </span>
 97 
                     </span>
98 
                 </a>
 98 
                 </a>
99 
-                <ul class="dropdown-menu" ngbDropdownMenu>
99 
+                <ul class="dropdown-menu"  ngbDropdownMenu>
100 
                     <li>
 100 
                     <li>
101 
                         <a class="dropdown-item" routerLink="admin/user-management" routerLinkActive="active" (click)="collapseNavbar()">
 101 
                         <a class="dropdown-item" routerLink="admin/user-management" routerLinkActive="active" (click)="collapseNavbar()">
102 
                             <fa-icon icon="user" fixedWidth="true"></fa-icon>
 102 
                             <fa-icon icon="user" fixedWidth="true"></fa-icon>
164 
             <li ngbDropdown class="nav-item dropdown pointer" placement="bottom-right" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
 164 
             <li ngbDropdown class="nav-item dropdown pointer" placement="bottom-right" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
165 
                 <a class="nav-link dropdown-toggle" ngbDropdownToggle href="javascript:void(0);" id="account-menu">
 165 
                 <a class="nav-link dropdown-toggle" ngbDropdownToggle href="javascript:void(0);" id="account-menu">
166 
                   <span *ngIf="!getImageUrl()">
 166 
                   <span *ngIf="!getImageUrl()">
167 
-                    <fa-icon icon="user"></fa-icon>
168 
-                    <span jhiTranslate="global.menu.account.main">
167 
+                    <fa-icon style="color: #F6AE2D" icon="user"></fa-icon>
168 
+                    <span style="color: #F6AE2D" jhiTranslate="global.menu.account.main">
169 
                       Account
 169 
                       Account
170 
                     </span>
 170 
                     </span>
171 
                   </span>
 171 
                   </span>

+ 2
- 0
src/main/webapp/app/layouts/navbar/navbar.component.ts Wyświetl plik

6 
 import { VERSION } from 'app/app.constants';
 6 
 import { VERSION } from 'app/app.constants';
7 
 import { JhiLanguageHelper, Principal, LoginModalService, LoginService } from 'app/core';
 7 
 import { JhiLanguageHelper, Principal, LoginModalService, LoginService } from 'app/core';
8 
 import { ProfileService } from '../profiles/profile.service';
 8 
 import { ProfileService } from '../profiles/profile.service';
9 
+import { ProfileHeadComponent } from 'app/FaeBoo/Profile-head/profile-head.component';
9
10
10 
 @Component({
 11 
 @Component({
11 
     selector: 'jhi-navbar',
 12 
     selector: 'jhi-navbar',
19 
     swaggerEnabled: boolean;
 20 
     swaggerEnabled: boolean;
20 
     modalRef: NgbModalRef;
 21 
     modalRef: NgbModalRef;
21 
     version: string;
 22 
     version: string;
23 
+    public profileHead: ProfileHeadComponent;
22
24
23 
     constructor(
 25 
     constructor(
24 
         private loginService: LoginService,
 26 
         private loginService: LoginService,

+ 5
- 1
src/main/webapp/app/layouts/navbar/navbar.scss Wyświetl plik

7 
     color: #ccc;
 7 
     color: #ccc;
8 
 }
 8 
 }
9
9
10 
+.dropdown-item {
11 
+    color: #f6ae2d;
12 
+}
13 
+
10 
 .jh-navbar {
 14 
 .jh-navbar {
11 
     background-color: #353d47;
 15 
     background-color: #353d47;
12 
     padding: 0.2em 1em;
 16 
     padding: 0.2em 1em;
71 
             width: 70px;
 75 
             width: 70px;
72 
             display: inline-block;
 76 
             display: inline-block;
73 
             vertical-align: middle;
 77 
             vertical-align: middle;
74 
-            background: url('../../../content/images/faceofbooks4.jpg') no-repeat center center;
78 
+            background: url('../../../content/images/faceofbooks4.png') no-repeat center center;
75 
             background-size: contain;
 79 
             background-size: contain;
76 
         }
 80 
         }
77 
     }
 81 
     }

BIN
src/main/webapp/content/images/faceofbooks4.jpg Wyświetl plik


BIN
src/main/webapp/content/images/faceofbooks4.png Wyświetl plik


BIN
src/main/webapp/content/images/giphy.gif Wyświetl plik


+ 1
- 1
src/main/webapp/index.html Wyświetl plik

9 
     <meta name="google" value="notranslate">
 9 
     <meta name="google" value="notranslate">
10 
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 10 
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
11 
     <meta name="theme-color" content="#000000">
 11 
     <meta name="theme-color" content="#000000">
12 
-    <link rel="shortcut icon" href="favicon.ico" />
12 
+    <link rel="shortcut icon" href="faceofbooks4.png" />
13 
     <link rel="manifest" href="manifest.webapp" />
 13 
     <link rel="manifest" href="manifest.webapp" />
14 
     <link rel="stylesheet" href="content/css/loading.css">
 14 
     <link rel="stylesheet" href="content/css/loading.css">
15 
     <!-- jhipster-needle-add-resources-to-root - JHipster will add new resources here -->
 15 
     <!-- jhipster-needle-add-resources-to-root - JHipster will add new resources here -->