Subject: Lab321

Workshop 01: Web Blog

--------------------------------------------------------------------------------------------------------
RULES: Ws 01 should be submited on the LMS system
Contact me @ https://www.facebook.com/quynhtran.ly.94
--------------------------------------------------------------------------------------------------------

Students kindly practice these questions in class and at home based on the
Lecturer’s guidance. Thank you :-D

Type: LongAssignment
Code: J3.L.P0011

LAB 321Assignment LOC:

Slot(s):
300
15

Title: Blogging about my life

Background

A weblog (blog) is a website that contains a log or diary of information, specific topics or opinions. Blogging has
become one of the more popular pastimes on the internet. Some people blog for money, others blog about
current events, and others blog for humor. The list goes on. Increasingly, bloggers are use weblogs as a
personal journal, preferring to keep it out of the spotlight. If you're someone who wants to start a personal blog,
it's really quite easy. Try to finish this assignment with the help of mentors.
Reference site: http://us-123my-life.simplesite.com/

Program Specifications

Program a web blog to make your diary online, detail functions of this website is described below

Features:
This website contains 4 main functions
- Function 1 : Home page : ( see PIC 01 + PIC 02)
o Display top 3 entry sort by published date
o Each entry contains
 Entry name
 Description picture
 Entry content
 Published date
- Function 2 : Overview page ( see PIC 03)
o Display all entry (title only) , sort by published date
- Function 3 :Entry detail ( see PIC 03)
o Display entry detail
 - Function 4 :Display about me page ( see PIC 03)

You do not need to write interface for admin control panel, you can add data manually (use SQL SERVER Management
studio).
Note: All data must be load from database, not hard code in page.

Expectation of User interface:

Pic 01 : Home Page ( TOP)

Pic 02 : The bottom of home page

PIC 03 : Overview Page

PIC 4 : Entry Detail

PIC 5 : About me Page

Guidelines
 Step 1 : Create web layout
 Step 2 : Create prototype
 Step 3 : Design database base on created prototype
 Step 4 : Code & Test
USE [master]
GO
/****** Object: Database [J3.L.P0011] Script Date: 16/09/2020 7:07:24 AM ******/
CREATE DATABASE [J3.L.P0011]
CONTAINMENT = NONE
ON PRIMARY
( NAME = N'J3.L.P0011', FILENAME = N'C:\Program Files\Microsoft SQL
Server\MSSQL12.MSSQLSERVER\MSSQL\DATA\J3.L.P0011.mdf' , SIZE = 4096KB , MAXSIZE = UNLIMITED,
FILEGROWTH = 1024KB )
LOG ON
( NAME = N'J3.L.P0011_log', FILENAME = N'C:\Program Files\Microsoft SQL
Server\MSSQL12.MSSQLSERVER\MSSQL\DATA\J3.L.P0011_log.ldf' , SIZE = 1024KB , MAXSIZE = 2048GB , FILEGROWTH
= 10%)
GO
ALTER DATABASE [J3.L.P0011] SET COMPATIBILITY_LEVEL = 120
GO
IF (1 = FULLTEXTSERVICEPROPERTY('IsFullTextInstalled'))
begin
EXEC [J3.L.P0011].[dbo].[sp_fulltext_database] @action = 'enable'
end
GO
ALTER DATABASE [J3.L.P0011] SET ANSI_NULL_DEFAULT OFF
GO
ALTER DATABASE [J3.L.P0011] SET ANSI_NULLS OFF
GO
ALTER DATABASE [J3.L.P0011] SET ANSI_PADDING OFF
GO
ALTER DATABASE [J3.L.P0011] SET ANSI_WARNINGS OFF
GO
ALTER DATABASE [J3.L.P0011] SET ARITHABORT OFF
GO
ALTER DATABASE [J3.L.P0011] SET AUTO_CLOSE OFF
GO
ALTER DATABASE [J3.L.P0011] SET AUTO_SHRINK OFF
GO
ALTER DATABASE [J3.L.P0011] SET AUTO_UPDATE_STATISTICS ON
GO
ALTER DATABASE [J3.L.P0011] SET CURSOR_CLOSE_ON_COMMIT OFF
GO
ALTER DATABASE [J3.L.P0011] SET CURSOR_DEFAULT GLOBAL
GO
ALTER DATABASE [J3.L.P0011] SET CONCAT_NULL_YIELDS_NULL OFF
GO
ALTER DATABASE [J3.L.P0011] SET NUMERIC_ROUNDABORT OFF
GO
ALTER DATABASE [J3.L.P0011] SET QUOTED_IDENTIFIER OFF
GO
ALTER DATABASE [J3.L.P0011] SET RECURSIVE_TRIGGERS OFF
GO
ALTER DATABASE [J3.L.P0011] SET DISABLE_BROKER
GO
ALTER DATABASE [J3.L.P0011] SET AUTO_UPDATE_STATISTICS_ASYNC OFF
GO
ALTER DATABASE [J3.L.P0011] SET DATE_CORRELATION_OPTIMIZATION OFF
GO
ALTER DATABASE [J3.L.P0011] SET TRUSTWORTHY OFF
GO
ALTER DATABASE [J3.L.P0011] SET ALLOW_SNAPSHOT_ISOLATION OFF
GO
ALTER DATABASE [J3.L.P0011] SET PARAMETERIZATION SIMPLE
GO
ALTER DATABASE [J3.L.P0011] SET READ_COMMITTED_SNAPSHOT OFF
GO
ALTER DATABASE [J3.L.P0011] SET HONOR_BROKER_PRIORITY OFF
GO
ALTER DATABASE [J3.L.P0011] SET RECOVERY FULL
GO
ALTER DATABASE [J3.L.P0011] SET MULTI_USER
GO
ALTER DATABASE [J3.L.P0011] SET PAGE_VERIFY CHECKSUM
GO
ALTER DATABASE [J3.L.P0011] SET DB_CHAINING OFF
GO
ALTER DATABASE [J3.L.P0011] SET FILESTREAM( NON_TRANSACTED_ACCESS = OFF )
GO
ALTER DATABASE [J3.L.P0011] SET TARGET_RECOVERY_TIME = 0 SECONDS
GO
ALTER DATABASE [J3.L.P0011] SET DELAYED_DURABILITY = DISABLED
GO
EXEC sys.sp_db_vardecimal_storage_format N'J3.L.P0011', N'ON'
GO
USE [J3.L.P0011]
GO
/****** Object: Table [dbo].[aboutMe] Script Date: 16/09/2020 7:07:25 AM ******/
SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
CREATE TABLE [dbo].[aboutMe](
[detail] [nvarchar](50) NULL,
[name] [nvarchar](50) NULL
) ON [PRIMARY]

GO
/****** Object: Table [dbo].[blog] Script Date: 16/09/2020 7:07:25 AM ******/
SET ANSI_NULLS ON
GO
SET QUOTED_IDENTIFIER ON
GO
CREATE TABLE [dbo].[blog](
[id] [int] NULL,
[name] [nvarchar](50) NULL,
[image] [nvarchar](max) NULL,
[detail] [nvarchar](max) NULL,
[date] [date] NULL,
[type] [nvarchar](50) NULL
) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY]

GO
INSERT [dbo].[aboutMe] ([detail], [name]) VALUES (N'Madison Blackstone is a director. ', N'Peter Son')
INSERT [dbo].[aboutMe] ([detail], [name]) VALUES (N'Vivian Tran is a student. ', N'Vivian Tran')
INSERT [dbo].[aboutMe] ([detail], [name]) VALUES (N'Linh Lan is a manager. ', N'Lan Nguyen')
INSERT [dbo].[blog] ([id], [name], [image], [detail], [date], [type]) VALUES (1, N'linh',
N'./home_files/i283445314544979646._szw480h1280_.jpg', N'Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

At eam doctus oportere, eam feugait delectus ne. Quo cu vulputate persecuti. Eum ut natum possim comprehensam,
habeo dicta scaevola eu nec. Ea adhuc reformidans eam. Pri dolore epicuri eu, ne cum tantas fierent instructior. Pro
ridens intellegam ut, sea at graecis scriptorem eloquentiam.

Per an labitur lucilius ullamcorper, esse erat ponderum ad vim. Possim laoreet suscipit ex pri, vix numquam eruditi
feugait in. Nec maluisset complectitur te, at sea decore semper. Falli numquam perpetua sea et, tibique repudiandae
an pro. Ut his solum persius postulant. Soluta nemore debitis ne eos, cum an scripta pericula partiendo.',
CAST(N'2015-11-16' AS Date), N'blog')
INSERT [dbo].[blog] ([id], [name], [image], [detail], [date], [type]) VALUES (2, N'hoa',
N'./home_files/i283445314544979644._szw1280h1280_.jpg', NULL, CAST(N'2015-11-16' AS Date), N'photo')
INSERT [dbo].[blog] ([id], [name], [image], [detail], [date], [type]) VALUES (3, N'duong',
N'./home_files/i283445314544979646._szw480h1281_.jpg', N'"“You''ve gotta dance like there''s nobody watching,
Love like you''ll never be hurt,
Sing like there''s nobody listening,
And live like it''s heaven on earth.” "

', CAST(N'2015-11-16' AS Date), N'poem')

INSERT [dbo].[blog] ([id], [name], [image], [detail], [date], [type]) VALUES (1, N'linh',
N'./home_files/i283445314544979646._szw480h1280_.jpg', N'Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

At eam doctus oportere, eam feugait delectus ne. Quo cu vulputate persecuti. Eum ut natum possim comprehensam,
habeo dicta scaevola eu nec. Ea adhuc reformidans eam. Pri dolore epicuri eu, ne cum tantas fierent instructior. Pro
ridens intellegam ut, sea at graecis scriptorem eloquentiam.

Per an labitur lucilius ullamcorper, esse erat ponderum ad vim. Possim laoreet suscipit ex pri, vix numquam eruditi
feugait in. Nec maluisset complectitur te, at sea decore semper. Falli numquam perpetua sea et, tibique repudiandae
an pro. Ut his solum persius postulant. Soluta nemore debitis ne eos, cum an scripta pericula partiendo.',
CAST(N'2015-11-16' AS Date), N'blog')
INSERT [dbo].[blog] ([id], [name], [image], [detail], [date], [type]) VALUES (2, N'hoa',
N'./home_files/i283445314544979644._szw1280h1280_.jpg', NULL, CAST(N'2015-11-16' AS Date), N'photo')
INSERT [dbo].[blog] ([id], [name], [image], [detail], [date], [type]) VALUES (3, N'duong',
N'./home_files/i283445314544979646._szw480h1281_.jpg', N'"“You''ve gotta dance like there''s nobody watching,
Love like you''ll never be hurt,
Sing like there''s nobody listening,
And live like it''s heaven on earth.” "

', CAST(N'2015-11-16' AS Date), N'poem')

INSERT [dbo].[blog] ([id], [name], [image], [detail], [date], [type]) VALUES (2, N'hoa',
N'./home_files/i283445314544979644._szw1280h1280_.jpg', NULL, CAST(N'2015-11-16' AS Date), N'photo')
INSERT [dbo].[blog] ([id], [name], [image], [detail], [date], [type]) VALUES (3, N'duong',
N'./home_files/i283445314544979646._szw480h1281_.jpg', N'"“You''ve gotta dance like there''s nobody watching,
Love like you''ll never be hurt,
Sing like there''s nobody listening,
And live like it''s heaven on earth.” "

', CAST(N'2015-11-16' AS Date), N'poem')

INSERT [dbo].[blog] ([id], [name], [image], [detail], [date], [type]) VALUES (2, N'hoa',
N'./home_files/i283445314544979644._szw1280h1280_.jpg', NULL, CAST(N'2015-11-16' AS Date), N'photo')
INSERT [dbo].[blog] ([id], [name], [image], [detail], [date], [type]) VALUES (3, N'duong',
N'./home_files/i283445314544979646._szw480h1281_.jpg', N'"“You''ve gotta dance like there''s nobody watching,
Love like you''ll never be hurt,
Sing like there''s nobody listening,
And live like it''s heaven on earth.” "

', CAST(N'2015-11-16' AS Date), N'poem')

INSERT [dbo].[blog] ([id], [name], [image], [detail], [date], [type]) VALUES (1, N'linh',
N'./home_files/i283445314544979646._szw480h1280_.jpg', N'Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

At eam doctus oportere, eam feugait delectus ne. Quo cu vulputate persecuti. Eum ut natum possim comprehensam,
habeo dicta scaevola eu nec. Ea adhuc reformidans eam. Pri dolore epicuri eu, ne cum tantas fierent instructior. Pro
ridens intellegam ut, sea at graecis scriptorem eloquentiam.

Per an labitur lucilius ullamcorper, esse erat ponderum ad vim. Possim laoreet suscipit ex pri, vix numquam eruditi
feugait in. Nec maluisset complectitur te, at sea decore semper. Falli numquam perpetua sea et, tibique repudiandae
an pro. Ut his solum persius postulant. Soluta nemore debitis ne eos, cum an scripta pericula partiendo.',
CAST(N'2015-11-16' AS Date), N'blog')
INSERT [dbo].[blog] ([id], [name], [image], [detail], [date], [type]) VALUES (1, N'linh',
N'./home_files/i283445314544979646._szw480h1280_.jpg', N'Lorem ipsum dolor sit amet, consectetuer adipiscing
elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad
minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

At eam doctus oportere, eam feugait delectus ne. Quo cu vulputate persecuti. Eum ut natum possim comprehensam,
habeo dicta scaevola eu nec. Ea adhuc reformidans eam. Pri dolore epicuri eu, ne cum tantas fierent instructior. Pro
ridens intellegam ut, sea at graecis scriptorem eloquentiam.

Per an labitur lucilius ullamcorper, esse erat ponderum ad vim. Possim laoreet suscipit ex pri, vix numquam eruditi
feugait in. Nec maluisset complectitur te, at sea decore semper. Falli numquam perpetua sea et, tibique repudiandae
an pro. Ut his solum persius postulant. Soluta nemore debitis ne eos, cum an scripta pericula partiendo.',
CAST(N'2015-11-16' AS Date), N'blog')
USE [master]
GO
ALTER DATABASE [J3.L.P0011] SET READ_WRITE
GO
About me.jsp
1 <%@page import="model.aboutMe"%>
2 <!DOCTYPE html>
3 <!-- saved from url=(0045)http://us-123my-life.simplesite.com/422328565 -->
4 <html lang="en-US" class=""><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5 <title>About Me - us-123my-life.simplesite.com</title>
6 <meta property="og:site_name" content="Blogging About My Life">
 7 <meta property="article:publisher" content="https://www.facebook.com/simplesite">
8 <meta property="og:locale" content="en-US">
9 <meta property="og:url" content="http://us-123my-life.simplesite.com/422328565">
10 <meta property="og:title" content="About Me">
11 <meta property="og:description" content="
12 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip
13 ex ea commodo consequat. Duis autem vel eum iriur...">
14 <meta property="og:updated_time" content="2017-01-04T04:45:42.9504948+00:00">
15 <meta property="og:type" content="website">
16 <meta property="og:image" content="/open-graph.png">
17 <meta name="robots" content="nofollow">
18
19 <meta name="viewport" content="width=device-width, initial-scale=1.0">
20 <meta http-equiv="X-UA-Compatible" content="IE=edge">
21 <meta name="description" content="Blogging About My Life - http://us-123my-life.simplesite.com/">
22 <link rel="stylesheet" type="text/css" href="./About Me_files/9767673.design.v27169.css">
23 <link rel="canonical" href="http://us-123my-life.simplesite.com/422328565">
24 <link rel="apple-touch-icon" sizes="57x57" href="http://us-123my-life.simplesite.com/apple-touch-icon-57x57.png">
25 <link rel="apple-touch-icon" sizes="60x60" href="http://us-123my-life.simplesite.com/apple-touch-icon-60x60.png">
26 <link rel="apple-touch-icon" sizes="72x72" href="http://us-123my-life.simplesite.com/apple-touch-icon-72x72.png">
27 <link rel="apple-touch-icon" sizes="76x76" href="http://us-123my-life.simplesite.com/apple-touch-icon-76x76.png">
28 <link rel="apple-touch-icon" sizes="114x114" href="http://us-123my-life.simplesite.com/apple-touch-icon-114x114.png">
29 <link rel="apple-touch-icon" sizes="120x120" href="http://us-123my-life.simplesite.com/apple-touch-icon-120x120.png">
30 <link rel="apple-touch-icon" sizes="144x144" href="http://us-123my-life.simplesite.com/apple-touch-icon-144x144.png">
31 <link rel="apple-touch-icon" sizes="152x152" href="http://us-123my-life.simplesite.com/apple-touch-icon-152x152.png">
32 <link rel="apple-touch-icon" sizes="180x180" href="http://us-123my-life.simplesite.com/apple-touch-icon-180x180.png">
33 <link rel="icon" sizes="194x194" href="http://us-123my-life.simplesite.com/favicon-194x194.png">
34 <link rel="icon" sizes="192x192" href="http://us-123my-life.simplesite.com/android-chrome-192x192.png">
35 <link rel="manifest" href="http://us-123my-life.simplesite.com/manifest.json">
36 <link rel="manifest" href="http://us-123my-life.simplesite.com/yandex-browser-manifest.json">
37 <link rel="stylesheet" type="text/css" href="./About Me_files/css">
38 <script type="text/javascript" async="" src="./About Me_files/analytics.js.download"></script><script async=""
src="./About Me_files/gtm.js.download"></script><script type="text/javascript" src="./About
Me_files/FrontendAppLocalePage.aspx"></script>
39 <script type="text/javascript" src="./About Me_files/frontendApp.min.js.download"></script>
40 <script type="text/javascript">if (typeof window.jQuery == "undefined") {
41 (function () {
42 var a = document.createElement("script");
43 a.type = "text/javascript";
44 a.src = "/c/js/version3/frontendApp/init/frontendApp.min.js?_v=c3745b49b3583731aea941058c4b63a8";
45 document.getElementsByTagName('head')[0].appendChild(a);
46 })();
47 }</script>
48
49 <script type="text/javascript">var css_simplesite_com_fallback_element =
document.getElementById('css_simplesite_com_fallback');
50 if (typeof css_simplesite_com_fallback_element !== 'undefined' && css_simplesite_com_fallback_element !== null) {
51 var isVisible = css_simplesite_com_fallback_element.offsetParent !== null
52 if (isVisible) {
53 var head = document.head, link = document.createElement('link');
54
55 link.type = 'text/css';
56 link.rel = 'stylesheet';
57 link.href = '{/d/designs/9767673.design.v27169.css}';
58
59 head.appendChild(link);
60 }
61 }</script>
62 <style type="text/css">.fancybox-margin{margin-right:19px;}</style></head>
63 <body data-pid="422328565" data-iid="">
64
 65
66
67
68 <div class="container-fluid site-wrapper"> <!-- this is the Sheet -->
69 <div class="container-fluid header-wrapper " id="header"> <!-- this is the Header Wrapper -->
70 <div class="container">
71 <div class="title-wrapper">
72 <div class="title-wrapper-inner">
73 <a rel="nofollow" class="logo " href="home.jsp">
74 </a>
75 <div class="title ">
76 Blogging About My Life
77 </div>
78 <div class="subtitle">
79 Welcome to my blog
80 </div>
81 </div>
82 </div> <!-- these are the titles -->
83 <div class="navbar navbar-compact">
84 <div class="navbar-inner">
85 <div class="container">
86 <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
87 <a rel="nofollow" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse" title="Toggle
menu">
88 <span class="menu-name">Menu</span>
89 <span class="menu-bars">
90 <span class="icon-bar"></span>
91 <span class="icon-bar"></span>
92 <span class="icon-bar"></span>
93 </span>
94 </a>
95
96
97
98 <!-- Everything you want hidden at 940px or less, place within here -->
99 <div class="nav-collapse collapse">
100 <ul class="nav" id="topMenu" data-submenu="horizontal">
101 <li class=" " style="">
102 <a rel="nofollow" href="home.jsp">My Blog</a>
103 </li><li class=" active " style="">
104 <a rel="nofollow" href="About Me.jsp">About Me</a>
105 </li> </ul>
106 </div>
107 </div>
108 </div>
109 </div>
110 <!-- this is the Menu content -->
111 </div>
112 </div> <!-- this is the Header content -->
113
114 <div class="container-fluid content-wrapper" id="content"> <!-- this is the Content Wrapper -->
115 <div class="container">
116 <div class="row-fluid content-inner">
117 <div id="left" class="span9"> <!-- ADD "span12" if no sidebar, or "span9" with sidebar -->
118 <div class="wrapper ">
119 <div class="content">
120 <div class="section article">
121 <style> .wordwrapfix {
122 word-wrap:break-word;
123 }
124 </style>
125 <div class="heading wordwrapfix">
126 <h3>About Me</h3>
127 <%
128 aboutMe a = new aboutMe();
129 a.getMe();
130 %>
131 </div>
132
133 <div class="content">
134 <p><span>
135 <%=a.getDetail()%>
136 </span>
137 </p>
138 </div>
139 </div>
140 <div class="section signature">
141 <div class="content">
142
143 <div class="signature-text-noimg">
144 <p>Kind regards</p>
145 <div class="signature-sign" style="font-family: &#39;Pacifico&#39;,serif;">
146 <%=a.getName()%>
147 </div>
148 </div>
149 </div>
150 </div>
151 </div>
152
153
154 </div>
155 </div>
156 <div id="right" class="span3">
157 <div class="sidebar">
158 <div class="wrapper share-box">
159 <style> .wordwrapfix {
160 word-wrap:break-word;
161 }
162 </style>
163 <div class="heading wordwrapfix">
164 <h4>Share this page</h4>
165 </div>
166
167 <div class="content"><span><ul>
168 <li><a id="share-facebook" href="http://us-123my-life.simplesite.com/422328565#"><i
class="icon-facebook-sign"></i><span>Share on Facebook</span></a></li>
169 <li><a id="share-twitter" href="http://us-123my-life.simplesite.com/422328565#"><i class="icon-
twitter-sign"></i><span>Share on Twitter</span></a></li>
170 <li><a id="share-google-plus" href="http://us-123my-life.simplesite.com/422328565#"><i
class="icon-google-plus-sign"></i><span>Share on Google+</span></a></li>
171 </ul></span></div>
172 </div>
173 <div class="wrapper viral-box">
174 <style> .wordwrapfix {
175 word-wrap:break-word;
176 }
177 </style>
178 <div class="heading wordwrapfix">
179 <h4>Create a website</h4>
180 </div>
181
182 <div class="content">
183 <p>Everybody can create a website, it's easy.</p>
184 <div class="bottom">
185 <a rel="nofollow"
href="http://www.simplesite.com/pages/receive.aspx?partnerkey=123i%3arightbanner&amp;referercustomerid=15831371&amp;refer
erpageid=422328565" class="btn btn-block">Try it for FREE now</a>
186 </div>
187
188 </div>
189 </div>
190 </div>
191 </div>
192 </div>
193 </div>
194 </div> <!-- the controller has determined which view to be shown in the content -->
195
196 <div class="container-fluid footer-wrapper" id="footer"> <!-- this is the Footer Wrapper -->
197 <div class="container">
198 <div class="footer-info">
199 <div class="footer-info-text">
200 This website was created with SimpleSite
201 </div>
202 <div class="footer-powered-by">
203 <a rel="nofollow"
href="http://www.simplesite.com/pages/receive.aspx?partnerkey=123i%3afooterbanner&amp;referercustomerid=15831371&amp;refe
rerpageid=422328565">Get Your own FREE website. Click here!</a>
204 </div>
205 </div>
206 <div class="footer-page-counter" style="display: block;">
207 <span class="footer-page-counter-item">0</span>
208
209 <span class="footer-page-counter-item">0</span>
210
211 <span class="footer-page-counter-item">6</span>
212
213 <span class="footer-page-counter-item">7</span>
214
215 <span class="footer-page-counter-item">6</span>
216
217 <span class="footer-page-counter-item">0</span>
218 </div>
219 <div id="css_simplesite_com_fallback" class="hide"></div>
220 </div>
221 </div>
222
223 <!-- this is the Footer content -->
224 </div>
225
226
227 <input type="hidden" id="anti-forgery-token"
value="vFZIp11QDd7w1cZjYdzwVVw3rTHgQi1lpMMqomvLq/qGfx85dADIn6rd+jb5+yvdIjnIKNejlFu6vxL7J8Np5e7g5yrI36los
WXJkOuv169s22+Z/mKVySX+8iBmNTzgEHnWy/7MRLoBekjH3EpgI99d772eCmdJN7eG7tAqc/m4iWFE2sfSH8oY0Q3pJZcuhj
M+blA+FzGTkoYvuddklk1q/4A0667VqYWgFZ7hNc8NO4Kw1Txa422/7pYh/UW67W3GdGTPhdbiuy5yZG8PFfcV3pshO8MZJZI
4QqpmoSmbtrQpm9WTX4MbCbnQyM7h5NaUS9oN6X4rtQXeQ4JVwDzgCfuolg6kJOxKEjNy3wz2WXZRbIsB2tTp4Wbn2z/L6tN
JvSXC+VnaCrogm/kevFXK5Y1aCIcHAUdBNiLcVv6iCvZsypJhoDG/vvL7+UnNWRR6lTrjtmKd8AAtnE9Xgw==">
228
229
230 <script>
231 dataLayer = [{"SiteVer": "US", "MainOrUser": "UserPage", "PreOrFre": "Free", "Language": "en", "Culture": "en-US",
"Instrumentation": "ShowPage", "Market": "DK"}];
232 </script>
233 <!-- Google Tag Manager -->
234 <noscript>&lt;iframe src="//www.googletagmanager.com/ns.html?id=GTM-2MMH"
235 height="0" width="0" style="display:none;visibility:hidden"&gt;&lt;/iframe&gt;</noscript>
236 <script>(function (w, d, s, l, i) {
237 {
238 w[l] = w[l] || [];
239 w[l].push({'gtm.start':
240 new Date().getTime(), event: 'gtm.js'});
241 var f = d.getElementsByTagName(s)[0],
242 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
243 j.async = true;
244 j.src =
245 '//www.googletagmanager.com/gtm.js?id=' + i + dl;
246 f.parentNode.insertBefore(j, f);
247 }
248 })(window, document, 'script', 'dataLayer', 'GTM-2MMH');</script>
249 <!-- End Google Tag Manager -->
250
251
252 <!-- Remove after blog exp concludes -->
253
254 <div id="sm2-container" class="movieContainer high_performance" style="z-index: 10000; position: fixed; width: 8px;
height: 8px; bottom: 0px; left: 0px; overflow: hidden; visibility: hidden;"><embed name="sm2movie" id="sm2movie"
src="/Images/sm297/soundmanager2_flash9.swf" quality="high" allowscriptaccess="always" bgcolor="#ffffff"
pluginspage="www.macromedia.com/go/getflashplayer" title="JS/Flash audio component (SoundManager 2)" type="application/x-
shockwave-flash" wmode="transparent" haspriority="true"></div><div style="display: none; visibility: hidden;"><script
type="text/javascript">var google_conversion_id = 1066686464, google_custom_params = window.google_tag_params,
google_remarketing_only = !0;</script>
255 <script type="text/javascript" src="./About Me_files/conversion.js.download"></script><iframe
name="google_conversion_frame" title="Google conversion frame" width="300" height="13" src="./About
Me_files/saved_resource.html" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0"
allowtransparency="true" scrolling="no"></iframe>
256 <noscript></noscript>
257 </div></body></html>

Home.jsp
1 <%@page import="java.util.ArrayList"%>
2 <%@page import="model.blog"%>
3 <!DOCTYPE html>
4 <!-- saved from url=(0045)http://us-123my-life.simplesite.com/422328564 -->
5 <html lang="en-US" class=""><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6 <title>My Blog - us-123my-life.simplesite.com</title>
7 <meta property="og:site_name" content="Blogging About My Life">
8 <meta property="article:publisher" content="https://www.facebook.com/simplesite">
9 <meta property="og:locale" content="en-US">
10 <meta property="og:url" content="http://us-123my-life.simplesite.com/422328564">
11 <meta property="og:title" content="My Blog">
12 <meta property="og:description" content="Essential skills for a happy life! -
13 Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex
14 ea commod...">
15 <meta property="og:image"
content="http://cdn.simplesite.com/i/2b/ac/283445309157387307/i283445314544979646._szw1280h1280_.jpg">
16 <meta property="og:updated_time" content="2017-01-04T04:44:57.0966159+00:00">
17 <meta property="og:type" content="blog">
18 <meta name="robots" content="nofollow">
19
20 <meta name="viewport" content="width=device-width, initial-scale=1.0">
21 <meta http-equiv="X-UA-Compatible" content="IE=edge">
22 <meta name="description" content="Blogging About My Life - http://us-123my-life.simplesite.com/">
23 <link rel="stylesheet" type="text/css" href="./home_files/9767673.design.v27169.css">
24 <link rel="canonical" href="http://us-123my-life.simplesite.com/422328564">
25 <link rel="alternate" type="application/rss+xml" href="http://us-123my-life.simplesite.com/422328564/feed.rss" title="My
Blog RSS feed">
26 <link rel="alternate" type="application/atom+xml" href="http://us-123my-life.simplesite.com/422328564/atomFeed.rss"
title="My Blog RSS feed">
 27 <link rel="apple-touch-icon" sizes="57x57" href="http://us-123my-life.simplesite.com/apple-touch-icon-57x57.png">
28 <link rel="apple-touch-icon" sizes="60x60" href="http://us-123my-life.simplesite.com/apple-touch-icon-60x60.png">
29 <link rel="apple-touch-icon" sizes="72x72" href="http://us-123my-life.simplesite.com/apple-touch-icon-72x72.png">
30 <link rel="apple-touch-icon" sizes="76x76" href="http://us-123my-life.simplesite.com/apple-touch-icon-76x76.png">
31 <link rel="apple-touch-icon" sizes="114x114" href="http://us-123my-life.simplesite.com/apple-touch-icon-114x114.png">
32 <link rel="apple-touch-icon" sizes="120x120" href="http://us-123my-life.simplesite.com/apple-touch-icon-120x120.png">
33 <link rel="apple-touch-icon" sizes="144x144" href="http://us-123my-life.simplesite.com/apple-touch-icon-144x144.png">
34 <link rel="apple-touch-icon" sizes="152x152" href="http://us-123my-life.simplesite.com/apple-touch-icon-152x152.png">
35 <link rel="apple-touch-icon" sizes="180x180" href="http://us-123my-life.simplesite.com/apple-touch-icon-180x180.png">
36 <link rel="icon" sizes="194x194" href="http://us-123my-life.simplesite.com/favicon-194x194.png">
37 <link rel="icon" sizes="192x192" href="http://us-123my-life.simplesite.com/android-chrome-192x192.png">
38 <link rel="manifest" href="http://us-123my-life.simplesite.com/manifest.json">
39 <link rel="manifest" href="http://us-123my-life.simplesite.com/yandex-browser-manifest.json">
40 <link rel="stylesheet" type="text/css" href="./home_files/jplayer.pink.flag.min.css">
41 <script type="text/javascript" async="" src="./home_files/analytics.js.download"></script><script async=""
src="./home_files/gtm.js.download"></script><script type="text/javascript"
src="./home_files/FrontendAppLocalePage.aspx"></script>
42 <script type="text/javascript" src="./home_files/frontendApp.min.js.download"></script>
43 <script type="text/javascript">if (typeof window.jQuery == "undefined") {
44 (function () {
45 var a = document.createElement("script");
46 a.type = "text/javascript";
47 a.src = "/c/js/version3/frontendApp/init/frontendApp.min.js?_v=c3745b49b3583731aea941058c4b63a8";
48 document.getElementsByTagName('head')[0].appendChild(a);
49 })();
50 }</script>
51
52 <script type="text/javascript">var css_simplesite_com_fallback_element =
document.getElementById('css_simplesite_com_fallback');
53 if (typeof css_simplesite_com_fallback_element !== 'undefined' && css_simplesite_com_fallback_element !== null) {
54 var isVisible = css_simplesite_com_fallback_element.offsetParent !== null
55 if (isVisible) {
56 var head = document.head, link = document.createElement('link');
57
58 link.type = 'text/css';
59 link.rel = 'stylesheet';
60 link.href = '{/d/designs/9767673.design.v27169.css}';
61
62 head.appendChild(link);
63 }
64 }</script>
65 <style type="text/css">.fancybox-margin{margin-right:17px;}</style></head>
66 <body data-pid="422328564" data-iid="">
67
68
69
70
71 <div class="container-fluid site-wrapper"> <!-- this is the Sheet -->
72 <div class="container-fluid header-wrapper " id="header"> <!-- this is the Header Wrapper -->
73 <div class="container">
74 <div class="title-wrapper">
75 <div class="title-wrapper-inner">
76 <a rel="nofollow" class="logo " href="">
77 </a>
78 <div class="title ">
79 Blogging About My Life
80 </div>
81 <div class="subtitle">
82 Welcome to my blog
83 </div>
84 </div>
85 </div> <!-- these are the titles -->
 86 <div class="navbar navbar-compact">
87 <div class="navbar-inner">
88 <div class="container">
89 <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
90 <a rel="nofollow" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse" title="Toggle
menu">
91 <span class="menu-name">Menu</span>
92 <span class="menu-bars">
93 <span class="icon-bar"></span>
94 <span class="icon-bar"></span>
95 <span class="icon-bar"></span>
96 </span>
97 </a>
98
99
100
101 <!-- Everything you want hidden at 940px or less, place within here -->
102 <div class="nav-collapse collapse">
103 <ul class="nav" id="topMenu" data-submenu="horizontal">
104 <li class=" active " style="">
105 <a rel="nofollow" href="home.jsp">My Blog</a>
106 </li><li class=" " style="">
107 <a rel="nofollow" href="About Me.jsp">About Me</a>
108 </li> </ul>
109 </div>
110 </div>
111 </div>
112 </div>
113 <!-- this is the Menu content -->
114 </div>
115 </div> <!-- this is the Header content -->
116
117 <div class="container-fluid content-wrapper" id="content"> <!-- this is the Content Wrapper -->
118 <div class="container">
119 <div class="row-fluid content-inner">
120 <div id="left" class="span9"> <!-- ADD "span12" if no sidebar, or "span9" with sidebar -->
121 <div class="wrapper blog">
122 <div class="heading">
123 <h1 class="page-title">My Blog</h1>
124 </div>
125 <%
126 blog b = new blog();
127 ArrayList<blog> al = b.getBlog();
128 for(blog x : al) {
129 if(x.getType() != null && x.getType().equals("blog")) {
130 %>
131 <div class="content">
132 <div class="section">
133 <div class="content">
134 <div class="avatar">
135 <i class="icon-pencil icon-4x" title="Essential skills for a happy life!"></i>
136 </div>
137 <div class="item">
138 <div class="controls">
139 <span class="date-text"><%=x.getDate()%></span>
140 </div>
141 <div class="heading">
142 <h4><a rel="nofollow"
href="viewDetail.jsp?id=<%=x.getId()%>"><%=x.getName()%></a></h4>
143 </div>
144
145 <div class="content">
146 <div class="img-simple span6 pull-left">
147 <div class="image">
148 <a rel="nofollow" data-ss="imagemodal" data-
href="http://cdn.simplesite.com/i/2b/ac/283445309157387307/i283445314544979646._szw1280h1280_.jpg"><img
src="<%=x.getImage()%>"></a>
149 </div>
150 </div>
151
152 <p><%=x.getDetail()%></p>
153 </div>
154
155
156 </div>
157 </div>
158 </div>
159 <%
160 }
161 if(x.getType() != null && x.getType().equals("poem")) {
162 %>
163 <div class="section">
164 <div class="content">
165 <div class="avatar">
166 <i class="icon-quote-left icon-4x" title="You&#39;ve gotta dance"></i>
167 </div>
168 <div class="item">
169 <div class="controls">
170 <span class="date-text"><%=x.getDate()%></span>
171 </div>
172 <div class="heading">
173 <h4><a rel="nofollow"
href="viewDetail.jsp?id=<%=x.getId()%>"><%=x.getName()%></a></h4>
174 </div>
175
176
177 <div class="content">
178 <blockquote class="pull-right">
179 <p><%=x.getDetail()%></p>
180 <small><cite title="William W. Purkey">William W. Purkey</cite></small>
181 </blockquote>
182 </div>
183
184
185 </div>
186 </div>
187 </div>
188 <%
189 }
190 if(x.getType() != null && x.getType().equals("photo")) {
191 %>
192 <div class="section">
193 <div class="content">
194 <div class="avatar">
195 <i class="icon-camera-retro icon-4x" title="Photo"></i>
196 </div>
197 <div class="item">
198 <div class="controls">
199 <span class="date-text"><%=x.getDate()%></span>
200 </div>
201 <div class="heading">
202 <h4><a rel="nofollow" href="viewDetail.jsp?id=<%=x.getId()%>">Photo</a></h4>
203 </div>
204
205 <div class="content">
206 <div class="img-simple ">
207 <div class="image">
208 <a rel="nofollow" data-ss="imagemodal" data-
href="http://cdn.simplesite.com/i/2b/ac/283445309157387307/i283445314544979644._szw1280h1280_.jpg"><img
src="<%=x.getImage()%>"></a>
209 </div>
210 </div>
211
212 </div>
213
214
215 </div>
216 </div>
217 </div>
218 <%
219 }
220 }
221 %>
222 <ul class="pager">
223 <li><a rel="nofollow" href="overView.jsp">Overview</a></li>
224 </ul>
225 </div>
226
227
228 </div>
229 </div>
230 <div id="right" class="span3">
231 <div class="sidebar">
232 <div class="wrapper share-box">
233 <style> .wordwrapfix {
234 word-wrap:break-word;
235 }
236 </style>
237 <div class="heading wordwrapfix">
238 <h4>Share this page</h4>
239 </div>
240
241 <div class="content"><span><ul>
242 <li><a id="share-facebook" href="http://us-123my-life.simplesite.com/422328564#"><i
class="icon-facebook-sign"></i><span>Share on Facebook</span></a></li>
243 <li><a id="share-twitter" href="http://us-123my-life.simplesite.com/422328564#"><i class="icon-
twitter-sign"></i><span>Share on Twitter</span></a></li>
244 <li><a id="share-google-plus" href="http://us-123my-life.simplesite.com/422328564#"><i
class="icon-google-plus-sign"></i><span>Share on Google+</span></a></li>
245 </ul></span></div>
246 </div>
247 <div class="wrapper viral-box">
248 <style> .wordwrapfix {
249 word-wrap:break-word;
250 }
251 </style>
252 <div class="heading wordwrapfix">
253 <h4>Create a website</h4>
254 </div>
255
256 <div class="content">
257 <p>Everybody can create a website, it's easy.</p>
258 <div class="bottom">
259 <a rel="nofollow"
href="http://www.simplesite.com/pages/receive.aspx?partnerkey=123i%3arightbanner&amp;referercustomerid=15831371&amp;refer
erpageid=422328564" class="btn btn-block">Try it for FREE now</a>
260 </div>
261
262 </div>
263 </div>
264 </div>
265 </div>
266 </div>
267 </div>
268 </div> <!-- the controller has determined which view to be shown in the content -->
269
270 <div class="container-fluid footer-wrapper" id="footer"> <!-- this is the Footer Wrapper -->
271 <div class="container">
272 <div class="footer-info">
273 <div class="footer-info-text">
274 This website was created with SimpleSite
275 </div>
276 <div class="footer-powered-by">
277 <a rel="nofollow"
href="http://www.simplesite.com/pages/receive.aspx?partnerkey=123i%3afooterbanner&amp;referercustomerid=15831371&amp;refe
rerpageid=422328564">Get Your own FREE website. Click here!</a>
278 </div>
279 </div>
280 <div class="footer-page-counter" style="display: block;">
281 <span class="footer-page-counter-item">0</span>
282
283 <span class="footer-page-counter-item">0</span>
284
285 <span class="footer-page-counter-item">6</span>
286
287 <span class="footer-page-counter-item">7</span>
288
289 <span class="footer-page-counter-item">6</span>
290
291 <span class="footer-page-counter-item">0</span>
292 </div>
293 <div id="css_simplesite_com_fallback" class="hide"></div>
294 </div>
295 </div>
296
297 <!-- this is the Footer content -->
298 </div>
299
300
301 <input type="hidden" id="anti-forgery-token"
value="vFZIp11QDd7w1cZjYdzwVVw3rTHgQi1lpMMqomvLq/qGfx85dADIn6rd+jb5+yvdIjnIKNejlFu6vxL7J8Np5e7g5yrI36los
WXJkOuv169s22+Z/mKVySX+8iBmNTzgEHnWy/7MRLoBekjH3EpgI99d772eCmdJN7eG7tAqc/m4iWFE2sfSH8oY0Q3pJZcuhj
M+blA+FzGTkoYvuddklk1q/4A0667VqYWgFZ7hNc8NO4Kw1Txa422/7pYh/UW67W3GdGTPhdbiuy5yZG8PFfcV3pshO8MZJZI
4QqpmoSmbtrQpm9WTX4MbCbnQyM7h5NaUS9oN6X4rtQXeQ4JVwDzgCfuolg6kJOxKEjNy3wz2WXZRbIsB2tTp4Wbn2z/L6tN
JvSXC+VnaCrogm/kevHP457ePv10UYx5zjlDDSlerrki2zdJMdCOpSqmI/HGSK1p9byOnEfq2Bz8VxoafOg==">
302
303
304 <script>
305 dataLayer = [{"SiteVer": "US", "MainOrUser": "UserPage", "PreOrFre": "Free", "Language": "en", "Culture": "en-US",
"Instrumentation": "ShowPage", "Market": "DK"}];
306 </script>
307 <!-- Google Tag Manager -->
308 <noscript>&lt;iframe src="//www.googletagmanager.com/ns.html?id=GTM-2MMH"
309 height="0" width="0" style="display:none;visibility:hidden"&gt;&lt;/iframe&gt;</noscript>
310 <script>(function (w, d, s, l, i) {
311 {
312 w[l] = w[l] || [];
313 w[l].push({'gtm.start':
314 new Date().getTime(), event: 'gtm.js'});var f = d.getElementsByTagName(s)[0],
315 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
316 j.async = true;
317 j.src =
318 '//www.googletagmanager.com/gtm.js?id=' + i + dl;
319 f.parentNode.insertBefore(j, f);
320 }})(window, document, 'script', 'dataLayer', 'GTM-2MMH');</script>
321 <!-- End Google Tag Manager -->
322
323
324 <!-- Remove after blog exp concludes -->
325
326 <div id="sm2-container" class="movieContainer high_performance" style="z-index: 10000; position: fixed; width: 8px;
height: 8px; bottom: 0px; left: 0px; overflow: hidden; visibility: hidden;"><embed name="sm2movie" id="sm2movie"
src="/Images/sm297/soundmanager2_flash9.swf" quality="high" allowscriptaccess="always" bgcolor="#ffffff"
pluginspage="www.macromedia.com/go/getflashplayer" title="JS/Flash audio component (SoundManager 2)" type="application/x-
shockwave-flash" wmode="transparent" haspriority="true"></div><div style="display: none; visibility: hidden;"><script
type="text/javascript">var google_conversion_id = 1066686464, google_custom_params = window.google_tag_params,
google_remarketing_only = !0;</script>
327 <script type="text/javascript" src="./home_files/conversion.js.download"></script><iframe
name="google_conversion_frame" title="Google conversion frame" width="300" height="13"
src="./home_files/saved_resource.html" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0"
allowtransparency="true" scrolling="no"></iframe>
328 <noscript></noscript>
329 </div></body></html>

overview.jsp
1 <%@page import="java.util.ArrayList"%>
2 <%@page import="model.blog"%>
3 <script type="text/javascript">
4 var thisDomain = '';
5 if (thisDomain.length > 0) {
6 document.domain = thisDomain;
7 }
8 </script>
9 <!DOCTYPE html>
10 <html lang="en-US">
11 <head>
12 <title>My Blog - us-123my-life.simplesite.com</title>
13 <meta property="fb:app_id" content="1880640628839943" />
14 <meta property="og:site_name" content="Blogging About My Life" />
15 <meta property="article:publisher" content="https://www.facebook.com/simplesite" />
16 <meta property="og:locale" content="en_US" />
17 <meta property="og:url" content="http://us-123my-life.simplesite.com/422328564?overview=1" />
18 <meta property="og:title" content="Overview - My Blog" />
19 <meta property="og:updated_time" content="2019-10-21T07:21:54.6818852Z" />
20 <meta property="og:type" content="article" />
21 <meta charset="utf-8" />
22 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" />
23 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
24 <meta name="description" content="Blogging About My Life - http://us-123my-life.simplesite.com/" />
25 <link rel="stylesheet" type="text/css"
href="//css.simplesite.com/e0/05/9767673.design.v27169.css?h=f4390e34fd31322c33199af90d7dc79ab85498e1ee87ba3a37deae5b29
d9c108" />
26 <link rel="stylesheet" type="text/css" href="//css.simplesite.com/d/1567000755/designs/base/base.css" />
27 <link rel="stylesheet" type="text/css" href="/d/designs/base/rowsconcept.css" />
28 <link rel="stylesheet" type="text/css" href="/d/designs/base/somelinks.css" />
29 <link rel="stylesheet" type="text/css" href="/d/designs/base/footerlayout5.css" />
30 <link rel="stylesheet" type="text/css" href="/d/designs/base/quilljs.css" />
31 <link rel="stylesheet" type="text/css" href="/Content/fontawesome-all.css" />
32 <link rel="canonical" href="http://us-123my-life.simplesite.com/422328564?overview=1" />
 33 <link rel="alternate" type="application/rss+xml" href="http://us-123my-life.simplesite.com/422328564/feed.rss" title="My
Blog RSS feed" />
34 <link rel="alternate" type="application/atom+xml" href="http://us-123my-life.simplesite.com/422328564/atomFeed.rss"
title="My Blog RSS feed" />
35 <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
36 <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
37 <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
38 <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
39 <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
40 <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
41 <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
42 <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
43 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
44 <link rel="icon" sizes="194x194" href="/favicon-194x194.png">
45 <link rel="icon" sizes="192x192" href="/android-chrome-192x192.png">
46 <link rel="manifest" href="/manifest.json" />
47 <link rel="manifest" href="/yandex-browser-manifest.json" />
48 <link rel="stylesheet" type="text/css" href="/c/css/experiments/ionicons.css" />
49 <script type="text/javascript" src="/userPages/pages/FrontendAppLocalePage.aspx?CultureKey=en-US"></script>
50 </head>
51 <body data-pid="422328564" data-iid="" style="line-height: normal;" class="stefan-asafti">
52
53
54 <div class="container-fluid site-wrapper">
55 <!-- this is the Sheet -->
56 <div class="container-fluid header-wrapper " id="header"> <!-- this is the Header Wrapper -->
57 <div class="container">
58 <div class="title-wrapper">
59 <div class="title-wrapper-inner">
60 <a class="logo " href="//us-123my-life.simplesite.com/">
61 </a>
62 <div class="title ">
63 <a class="title title-link" href="home.jsp">
64 Blogging About My Life
65 </a>
66 </div>
67 <div class="subtitle">
68 Welcome to my blog
69 </div>
70 </div>
71 </div> <!-- these are the titles -->
72 <div class="navbar navbar-compact">
73 <div class="navbar-inner">
74 <div class="container">
75 <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
76 <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse" title="Toggle menu">
77 <span class="menu-name">Menu</span>
78 </a>
79
80
81
82 <!-- Everything you want hidden at 940px or less, place within here -->
83 <div class="nav-collapse collapse">
84 <ul class="nav" id="topMenu" data-submenu="horizontal">
85 <li class=" active ">
86 <a href="home.jsp">My Blog</a>
87 </li><li class=" ">
88 <a href="About Me.jsp">About Me</a>
89 </li> </ul>
90 </div>
91 </div>
92 </div>
 93 </div>
94 <!-- this is the Menu content -->
95 </div>
96 </div> <!-- this is the Header content -->
97 <div class="container-fluid content-wrapper" id="content"> <!-- this is the Content Wrapper -->
98 <div class="container">
99 <div class="row-fluid content-inner">
100 <div id="left" class="span9"> <!-- ADD "span12" if no sidebar, or "span9" with sidebar -->
101 <div class="wrapper blogoverview">
102 <div class="heading">
103 <h1 class="page-title">Overview - My Blog</h1>
104 </div>
105
106 <div class="content">
107 <div class="section">
108 <div class="content">
109 <table class="table" data-year="2015" data-month="11"> <!-- can be bordered, striped, hover,
condensed -->
110 <thead>
111 <%
112 blog b = new blog();
113 ArrayList<blog> al = b.getBlog();
114 for (blog x : al) {
115
116
117 %>
118 <tr>
119 <th name="month-year" colspan="3"><%=x.getMonth(x.getDate())%></th>
120 <th name="date" class="align-right">Date</th>
121 </tr>
122 </thead>
123 <tbody>
124 <tr data-id="3232873">
125 <td width="60%"><a
href="viewDetail.jsp?id=<%=x.getId()%>"><%=x.getName()%></a></td>
126 <td><i class="icon-thumbs-up"> 2</i></td>
127 <td><i class="icon-comment"> 3</i></td>
128 <td class="align-right"><%=x.getDate()%></td>
129 </tr>
130
131 <%
132 }
133 %>
134 </tbody>
135 </table>
136 </div>
137 </div>
138 </div>
139
140
141 </div>
142 </div>
143 <div id="right" class="span3 " >
144 <div class="sidebar">
145 <div class="wrapper share-box">
146 <style> .wordwrapfix {
147 word-wrap:break-word;
148 }
149 </style>
150 <div class="heading wordwrapfix">
151 <h4>Share this page</h4>
152 </div>
153
154 <div class="content">
155 <ul>
156 <li><a id="share-facebook" href="#"><i class="icon-facebook-sign"></i><span>Share on
Facebook</span></a></li>
157 <li><a id="share-twitter" href="#"><i class="icon-twitter-sign"></i><span>Share on
Twitter</span></a></li>
158 </ul>
159 </div>
160 </div>
161 <div class="wrapper viral-box">
162 <style> .wordwrapfix {
163 word-wrap:break-word;
164 }
165 </style>
166 <div class="heading wordwrapfix">
167 <h4>Create a website</h4>
168 </div>
169
170 <div class="content">
171 <p>Everybody can create a website, it&#39;s easy.</p>
172 <div class="bottom">
173 <a rel="nofollow noopener noreferrer"
href="http://www.simplesite.com/pages/receive.aspx?partnerkey=123i%3arightbanner&referercustomerid=15831371&refererpageid=
422328564&utm_source=userpage&utm_medium=organic&utm_content=footerbanner" class="btn btn-block">Try it for FREE
now</a>
174 </div>
175
176 </div>
177 </div>
178 </div>
179 </div>
180 </div>
181 </div>
182 </div> <!-- the controller has determined which view to be shown in the content -->
183 <div class="container-fluid footer-wrapper" id="footer">
184 <!-- this is the Footer Wrapper -->
185 <div class="container">
186 <div class="footer-info">
187 <div class="footer-info-text">
188 This website was created with SimpleSite
189 </div>
190 <div class="footer-powered-by">
191 <a rel="nofollow noopener noreferrer"
href="http://www.simplesite.com/pages/receive.aspx?partnerkey=123i%3afooterbanner&referercustomerid=15831371&refererpageid
=422328564&utm_source=userpage&utm_medium=organic&utm_content=footerbanner">Get Your own FREE website. Click
here!</a>
192 </div>
193 </div>
194 <div class="footer-page-counter">
195 <i class="icon-spin icon-spinner"></i>
196 </div>
197 <div id="css_simplesite_com_fallback" class="hide"></div>
198 </div>
199 </div>
200
201 <!-- this is the Footer content -->
202 </div>
203
204
205 <input type="hidden" id="anti-forgery-token"
value="vFZIp11QDd7w1cZjYdzwVVw3rTHgQi1lpMMqomvLq/qGfx85dADIn6rd+jb5+yvdIjnIKNejlFu6vxL7J8Np5WyplkZxwpn
CJ08cY7k+U6KCD/gOuszrzSQXqGBBtfbAfzWuzfZ3llNxa6ACGleoeaG9v71kFPw1wf9qQzXqkDnlFAz29BFzhBmUKAbBcdr0pz
KsJ2yoj9NWVAUHCDN2k/AF3DSc0kPOQ0cvTTK51JfzNzxtbhHEpQOI613+npuB4uFJ8LdtR7Q3eKeqybT1pzFBNCUupR3Bwug
MpxUc6cht1hezxPylXtY6i2T6XqXUaam+fjhUPeXMGWEjzNkrDCCyeyMVR/dwHhu4QWx8mxhrATR5sKLCO9kFtllH3axtEskfIS
OIFQQjTxEr4wzXLxER5NWO0AiY0roqp3di070Cm44FE1gZ/LalqL2S6jJIW0psCUB1RsTmMr9SfCSWyQ==" />
206
207 <script>
208 dataLayer = [{"SiteVer": "US", "MainOrUser": "UserPage", "PreOrFre": "Free", "Language": "en", "Culture": "en-US",
"Instrumentation": "ShowPage", "Market": "DK", "ExpQS": ""}];
209 </script>
210 <!-- Google Tag Manager -->
211 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-2MMH"
212 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
213 <script>(function (w, d, s, l, i) {
214 {
215 w[l] = w[l] || [];
216 w[l].push({'gtm.start':
217 new Date().getTime(), event: 'gtm.js'});
218 var f = d.getElementsByTagName(s)[0],
219 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
220 j.async = true;
221 j.src =
222 '//www.googletagmanager.com/gtm.js?id=' + i + dl;
223 f.parentNode.insertBefore(j, f);
224 }
225 })(window, document, 'script', 'dataLayer', 'GTM-2MMH');</script>
226 <!-- End Google Tag Manager -->
227
228 <!-- Remove after blog exp concludes -->
229
230
231 <script type="text/javascript"
src="//css.simplesite.com/c/js/frontendApp.min.js?_v=0cb24ec3172a795bf8148823601f53ad"></script>
232 <script type="text/javascript">if (typeof window.jQuery == "undefined") {
233 (function () {
234 var a = document.createElement("script");
235 a.type = "text/javascript";
236 a.src = "/c/js/version3/frontendApp/init/frontendApp.min.js?_v=0cb24ec3172a795bf8148823601f53ad";
237 document.getElementsByTagName('head')[0].appendChild(a);
238 })();
239 }</script>
240
241 <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=explicit"></script>
242
243
244 <script type='text/javascript'>
245 var req = {"cmd": "VisitorInfo"};
246 var theApiUrl = '/userPages/pages/handleAsyncCmd.aspx';
247 window.session = {
248 options: {gapi_location: true},
249 start: function (session) {
250 req.sessionData = JSON.stringify(session);
251 $.ajax({
252 'url': theApiUrl,
253 'cache': false,
254 'type': 'POST',
255 'contentType': 'application/json; charset=utf-8',
256 'dataType': 'json',
257 'data': JSON.stringify(req)
258 });
259 }
260 }
261 </script>
262 <script type="text/javascript">
263 </script>
264
265 </body>
266 </html>
267

viewDetail.jsp
1
2
3
4 <%@page import="model.blog"%>
5 <script type="text/javascript">
6 var thisDomain = '';
7 if (thisDomain.length > 0) {
8 document.domain = thisDomain;
9 }
10 </script>
11 <!DOCTYPE html>
12 <html lang="en-US">
13 <head>
14 <title>My Blog - us-123my-life.simplesite.com</title>
15 <meta property="fb:app_id" content="1880640628839943" />
16 <meta property="og:site_name" content="Blogging About My Life" />
17 <meta property="article:publisher" content="https://www.facebook.com/simplesite" />
18 <meta property="og:locale" content="en_US" />
19 <meta property="og:url" content="http://us-123my-life.simplesite.com/422328564/3232872/posting/" />
20 <meta property="og:title" content="You&#39;ve gotta dance" />
21 <meta property="og:description" content="&quot;?You&#39;ve gotta dance like there&#39;s nobody watching,
22 Love like you&#39;ll never be hurt,
23 Sing like there&#39;s nobody listening,
24 And live like it&#39;s heaven on earth.? &quot; - William W. Purkey" />
25 <meta property="og:updated_time" content="2019-10-21T02:45:36.9635324Z" />
26 <meta property="og:type" content="article" />
27 <meta charset="utf-8" />
28 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no" />
29 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
30 <meta name="description" content="Blogging About My Life - http://us-123my-life.simplesite.com/" />
31 <link rel="stylesheet" type="text/css"
href="//css.simplesite.com/e0/05/9767673.design.v27169.css?h=f4390e34fd31322c33199af90d7dc79ab85498e1ee87ba3a37deae5b29
d9c108" />
32 <link rel="stylesheet" type="text/css" href="//css.simplesite.com/d/1567000755/designs/base/base.css" />
33 <link rel="stylesheet" type="text/css" href="/d/designs/base/rowsconcept.css" />
34 <link rel="stylesheet" type="text/css" href="/d/designs/base/somelinks.css" />
35 <link rel="stylesheet" type="text/css" href="/d/designs/base/footerlayout5.css" />
36 <link rel="stylesheet" type="text/css" href="/d/designs/base/quilljs.css" />
37 <link rel="stylesheet" type="text/css" href="/Content/fontawesome-all.css" />
38 <link rel="canonical" href="http://us-123my-life.simplesite.com/422328564/3232872/posting/" />
39 <link rel="alternate" type="application/rss+xml" href="http://us-123my-life.simplesite.com/422328564/feed.rss" title="My
Blog RSS feed" />
40 <link rel="alternate" type="application/atom+xml" href="http://us-123my-life.simplesite.com/422328564/atomFeed.rss"
title="My Blog RSS feed" />
41 <link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
42 <link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
43 <link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
44 <link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
45 <link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
46 <link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
47 <link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
48 <link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
49 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
50 <link rel="icon" sizes="194x194" href="/favicon-194x194.png">
 51 <link rel="icon" sizes="192x192" href="/android-chrome-192x192.png">
52 <link rel="manifest" href="/manifest.json" />
53 <link rel="manifest" href="/yandex-browser-manifest.json" />
54 <link rel="stylesheet" type="text/css" href="/c/css/experiments/ionicons.css" />
55 <script type="text/javascript" src="/userPages/pages/FrontendAppLocalePage.aspx?CultureKey=en-US"></script>
56 </head>
57 <body data-pid="422328564" data-iid="3232872" style="line-height: normal;" class="stefan-asafti">
58
59
60 <div class="container-fluid site-wrapper">
61 <!-- this is the Sheet -->
62 <div class="container-fluid header-wrapper " id="header"> <!-- this is the Header Wrapper -->
63 <div class="container">
64 <div class="title-wrapper">
65 <div class="title-wrapper-inner">
66 <a class="logo " href="//us-123my-life.simplesite.com/">
67 </a>
68 <div class="title ">
69 <a class="title title-link" href="home.jsp">
70 Blogging About My Life
71 </a>
72 </div>
73 <div class="subtitle">
74 Welcome to my blog
75 </div>
76 </div>
77 </div> <!-- these are the titles -->
78 <div class="navbar navbar-compact">
79 <div class="navbar-inner">
80 <div class="container">
81 <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
82 <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse" title="Toggle menu">
83 <span class="menu-name">Menu</span>
84 </a>
85
86
87
88 <!-- Everything you want hidden at 940px or less, place within here -->
89 <div class="nav-collapse collapse">
90 <ul class="nav" id="topMenu" data-submenu="horizontal">
91 <li class=" active ">
92 <a href="home.jsp">My Blog</a>
93 </li><li class=" ">
94 <a href="About Me.jsp">About Me</a>
95 </li> </ul>
96 </div>
97 </div>
98 </div>
99 </div>
100 <!-- this is the Menu content -->
101 </div>
102 </div> <!-- this is the Header content -->
103 <div class="container-fluid content-wrapper" id="content"> <!-- this is the Content Wrapper -->
104 <div class="container">
105 <div class="row-fluid content-inner">
106 <div id="left" class="span9"> <!-- ADD "span12" if no sidebar, or "span9" with sidebar -->
107 <div class="wrapper blog-post">
108 <div class="content">
109 <div class="avatar">
110 <i class="icon-quote-left" title=""></i>
111 </div>
112 <div class="blog-post-body section">
113 <%
114 String id = (String) request.getParameter("id");
115 int b_id = Integer.parseInt(id);
116 blog b = new blog();
117 b.getBlogbyID(b_id);
118 if (b.getType() != null && b.getType().equals("blog")) {
119 %>
120 <div class="controls">
121 <span class="date-text"><%=b.getDate()%></span>
122 </div>
123 <div class="heading">
124
125 <h1 class="page-title"><%=b.getName()%></h1>
126 </div>
127
128
129 <div class="content">
130 <div class="img-simple span6 pull-left">
131 <div class="image">
132 <a rel="nofollow" data-ss="imagemodal" data-
href="http://cdn.simplesite.com/i/2b/ac/283445309157387307/i283445314544979646._szw1280h1280_.jpg"><img
src="<%=b.getImage()%>"></a>
133 </div>
134 </div>
135
136 <p><%=b.getDetail()%></p>
137 </div>
138 <%
139 }
140 if (b.getType() != null && b.getType().equals("poem")) {
141 %>
142 <div class="controls">
143 <span class="date-text"><%=b.getDate()%></span>
144 </div>
145 <div class="heading">
146
147 <h1 class="page-title"><%=b.getName()%></h1>
148 </div>
149
150 <div class="content">
151 <blockquote class="pull-right">
152 <p><%=b.getDetail()%></p>
153 <small><cite title="William W. Purkey">William W. Purkey</cite></small>
154 </blockquote>
155 </div>
156 <%
157 }
158 if (b.getType() != null && b.getType().equals("photo")) {
159 %>
160 <div class="controls">
161 <span class="date-text"><%=b.getDate()%></span>
162 </div>
163 <div class="heading">
164
165 <h1 class="page-title"><%=b.getName()%></h1>
166 </div>
167 <div class="content">
168 <div class="img-simple ">
169 <div class="image">
170 <a rel="nofollow" data-ss="imagemodal" data-
href="http://cdn.simplesite.com/i/2b/ac/283445309157387307/i283445314544979644._szw1280h1280_.jpg"><img
src="<%=b.getImage()%>"></a>
171 </div>
172 </div>
173
174 </div>
175
176 <%
177 }
178 %>
179 </div>
180
181 <ul class="pager">
182 <li><a href="overView.jsp">Overview</a></li>
183 </ul>
184 </div>
185
186
187 </div>
188 </div>
189 <div id="right" class="span3 " >
190 <div class="sidebar">
191 <div class="wrapper share-box">
192 <style> .wordwrapfix {
193 word-wrap:break-word;
194 }
195 </style>
196 <div class="heading wordwrapfix">
197 <h4>Share this page</h4>
198 </div>
199
200 <div class="content">
201 <ul>
202 <li><a id="share-facebook" href="#"><i class="icon-facebook-sign"></i><span>Share on
Facebook</span></a></li>
203 <li><a id="share-twitter" href="#"><i class="icon-twitter-sign"></i><span>Share on
Twitter</span></a></li>
204 </ul>
205 </div>
206 </div>
207 <div class="wrapper viral-box">
208 <style> .wordwrapfix {
209 word-wrap:break-word;
210 }
211 </style>
212 <div class="heading wordwrapfix">
213 <h4>Create a website</h4>
214 </div>
215
216 <div class="content">
217 <p>Everybody can create a website, it&#39;s easy.</p>
218 <div class="bottom">
219 <a rel="nofollow noopener noreferrer"
href="http://www.simplesite.com/pages/receive.aspx?partnerkey=123i%3arightbanner&referercustomerid=15831371&refererpageid=
422328564&utm_source=userpage&utm_medium=organic&utm_content=footerbanner" class="btn btn-block">Try it for FREE
now</a>
220 </div>
221
222 </div>
223 </div>
224 </div>
225 </div>
226 </div>
227 </div>
228 </div> <!-- the controller has determined which view to be shown in the content -->
229 <div class="container-fluid footer-wrapper" id="footer">
230 <!-- this is the Footer Wrapper -->
231 <div class="container">
232 <div class="footer-info">
233 <div class="footer-info-text">
234 This website was created with SimpleSite
235 </div>
236 <div class="footer-powered-by">
237 <a rel="nofollow noopener noreferrer"
href="http://www.simplesite.com/pages/receive.aspx?partnerkey=123i%3afooterbanner&referercustomerid=15831371&refererpageid
=422328564&utm_source=userpage&utm_medium=organic&utm_content=footerbanner">Get Your own FREE website. Click
here!</a>
238 </div>
239 </div>
240 <div class="footer-page-counter">
241 <i class="icon-spin icon-spinner"></i>
242 </div>
243 <div id="css_simplesite_com_fallback" class="hide"></div>
244 </div>
245 </div>
246
247 <!-- this is the Footer content -->
248 </div>
249
250
251 <input type="hidden" id="anti-forgery-token"
value="vFZIp11QDd7w1cZjYdzwVVw3rTHgQi1lpMMqomvLq/qGfx85dADIn6rd+jb5+yvdIjnIKNejlFu6vxL7J8Np5WyplkZxwpn
CJ08cY7k+U6KCD/gOuszrzSQXqGBBtfbAfzWuzfZ3llNxa6ACGleoeaG9v71kFPw1wf9qQzXqkDnlFAz29BFzhBmUKAbBcdr0pz
KsJ2yoj9NWVAUHCDN2k/AF3DSc0kPOQ0cvTTK51JfzNzxtbhHEpQOI613+npuB4uFJ8LdtR7Q3eKeqybT1pzFBNCUupR3Bwug
MpxUc6cht1hezxPylXtY6i2T6XqXUaam+fjhUPeXMGWEjzNkrDCCyeyMVR/dwHhu4QWx8mxhrATR5sKLCO9kFtllH3axtEskfIS
OIFQQjTxEr4wzXLx+nUtOgvrCvuJZHiU9Dff25IeMk2Go5uf03Z4f5IVNF3nURuoKcEB5Gi85InHK6tg==" />
252
253 <script>
254 dataLayer = [{"SiteVer": "US", "MainOrUser": "UserPage", "PreOrFre": "Free", "Language": "en", "Culture": "en-US",
"Instrumentation": "ShowPage", "Market": "DK", "ExpQS": ""}];
255 </script>
256 <!-- Google Tag Manager -->
257 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-2MMH"
258 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
259 <script>(function (w, d, s, l, i) {
260 {
261 w[l] = w[l] || [];
262 w[l].push({'gtm.start':
263 new Date().getTime(), event: 'gtm.js'});
264 var f = d.getElementsByTagName(s)[0],
265 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
266 j.async = true;
267 j.src =
268 '//www.googletagmanager.com/gtm.js?id=' + i + dl;
269 f.parentNode.insertBefore(j, f);
270 }
271 })(window, document, 'script', 'dataLayer', 'GTM-2MMH');</script>
272 <!-- End Google Tag Manager -->
273
274 <!-- Remove after blog exp concludes -->
275
276
277 <script type="text/javascript"
src="//css.simplesite.com/c/js/frontendApp.min.js?_v=0cb24ec3172a795bf8148823601f53ad"></script>
278 <script type="text/javascript">if (typeof window.jQuery == "undefined") {
279 (function () {
280 var a = document.createElement("script");
281 a.type = "text/javascript";
282 a.src = "/c/js/version3/frontendApp/init/frontendApp.min.js?_v=0cb24ec3172a795bf8148823601f53ad";
283 document.getElementsByTagName('head')[0].appendChild(a);
284 })();
285 }</script>
286
287 <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=explicit"></script>
288
289
290 <script type='text/javascript'>
291 var req = {"cmd": "VisitorInfo"};
292 var theApiUrl = '/userPages/pages/handleAsyncCmd.aspx';
293 window.session = {
294 options: {gapi_location: true},
295 start: function (session) {
296 req.sessionData = JSON.stringify(session);
297 $.ajax({
298 'url': theApiUrl,
299 'cache': false,
300 'type': 'POST',
301 'contentType': 'application/json; charset=utf-8',
302 'dataType': 'json',
303 'data': JSON.stringify(req)
304 });
305 }
306 }
307 </script>
308 <script type="text/javascript">
309 /**
310 * session.js 0.4.1
311 * (c) 2012 Iain, CodeJoust
312 * session.js is freely distributable under the MIT license.
313 * Portions of session.js are inspired or borrowed from Underscore.js, and quirksmode.org demo javascript.
314 * This version uses google's jsapi library for location services.
315 * For details, see: https://github.com/codejoust/session.js
316 */(function (e, t, n) {
317 var r = .4, i = {use_html5_location: !1, ipinfodb_key: !1, gapi_location: !0, location_cookie: "location",
location_cookie_timeout: 5, session_timeout: 365, session_cookie: "first_session"}, s = function () {
318 String.prototype.contains = function (e) {
319 if (typeof e == "string")
320 return this.indexOf(e) !== -1;
321 for (var t = 0; t < e.length; t++)
322 if (this.indexOf(e[t]) !== -1)
323 return !0;
324 return !1
325 };
326 if (e.session && e.session.options)
327 for (option in e.session.options)
328 i[option] = e.session.options[option];
329 var t = {api_version: r, locale: u.locale(), current_session: u.session(), original_session: u.session(i.session_cookie,
i.session_timeout * 24 * 60 * 60 * 1e3), browser: u.browser(), plugins: u.plugins(), time: u.time(), device: u.device()};
330 i.use_html5_location ? t.location = u.html5_location() : i.ipinfodb_key ? t.location =
u.ipinfodb_location(i.ipinfodb_key) : i.gapi_location && (t.location = u.gapi_location());
331 if (e.session && e.session.start)
332 var n = e.session.start;
333 var s = 0, o, a, f = function () {
334 s === 0 && n && n(e.session)
335 };
336 e.session = {};
337 for (var l in t) {
338 o = t[l];
339 if (typeof o == "function")
340 try {
341 o(function (t) {
342 e.session[l] = t, s--, f()
343 }), s++
344 } catch (c) {
345 e.console && typeof console.log == "function" && console.log(c)
346 }
347 else
348 e.session[l] = o
349 }
350 f()
351 }, o = {detect: function () {
352 return {browser: this.search(this.data.browser), version: this.search(n.userAgent) || this.search(n.appVersion), os:
this.search(this.data.os)}
353 }, search: function (e) {
354 if (typeof e != "object") {
355 var i = e.indexOf(this.version_string);
356 if (i == -1)
357 return;
358 return parseFloat(e.substr(i + this.version_string.length + 1))
359 }
360 for (var t = 0; t < e.length; t++) {
361 var n = e[t].string, r = e[t].prop;
362 this.version_string = e[t].versionSearch || e[t].identity;
363 if (n) {
364 if (n.indexOf(e[t].subString) != -1)
365 return e[t].identity
366 } else if (r)
367 return e[t].identity
368 }
369 }, data: {browser: [{string: n.userAgent, subString: "Chrome", identity: "Chrome"}, {string: n.userAgent, subString:
"OmniWeb", versionSearch: "OmniWeb/", identity: "OmniWeb"}, {string: n.vendor, subString: "Apple", identity: "Safari",
versionSearch: "Version"}, {prop: e.opera, identity: "Opera", versionSearch: "Version"}, {string: n.vendor, subString: "iCab",
identity: "iCab"}, {string: n.vendor, subString: "KDE", identity: "Konqueror"}, {string: n.userAgent, subString: "Firefox", identity:
"Firefox"}, {string: n.vendor, subString: "Camino", identity: "Camino"}, {string: n.userAgent, subString: "Netscape", identity:
"Netscape"}, {string: n.userAgent, subString: "MSIE", identity: "Explorer", versionSearch: "MSIE"}, {string: n.userAgent, subString:
"Gecko", identity: "Mozilla", versionSearch: "rv"}, {string: n.userAgent, subString: "Mozilla", identity: "Netscape", versionSearch:
"Mozilla"}], os: [{string: n.platform, subString: "Win", identity: "Windows"}, {string: n.platform, subString: "Mac", identity: "Mac"},
{string: n.userAgent, subString: "iPhone", identity: "iPhone/iPod"}, {string: n.userAgent, subString: "iPad", identitiy: "iPad"}, {string:
n.platform, subString: "Linux", identity: "Linux"}, {string: n.userAgent, subString: "Android", identity: "Android"}]}}, u =
{browser: function () {
370 return o.detect()
371 }, time: function () {
372 var e = new Date, t = new Date;
373 return e.setMonth(0), e.setDate(1), t.setMonth(6), t.setDate(1), {tz_offset: -(new Date).getTimezoneOffset() / 60,
observes_dst: e.getTimezoneOffset() !== t.getTimezoneOffset()}
374 }, locale: function () {
375 var e = (n.language || n.browserLanguage || n.systemLanguage || n.userLanguage).split("-");
376 return e.length == 2 ? {country: e[1].toLowerCase(), lang: e[0].toLowerCase()} : e ? {lang: e[0].toLowerCase(),
country: null} : {lang: null, country: null}
377 }, device: function () {
378 var r = {screen: {width: screen.width, height: screen.height}}, i = t.documentElement, s =
t.getElementsByTagName("body")[0];
379 return r.viewport = {width: e.innerWidth || t.documentElement.clientWidth || t.body.clientWidth, height:
e.innerHeight || t.documentElement.clientHeight || t.body.clientHeight}, r.is_tablet = !!n.userAgent.match(/(iPad|SCH-
I800|xoom|kindle)/i), r.is_phone = !r.isTablet && !!n.userAgent.match(/(iPhone|iPod|blackberry|android
0.5|htc|lg|midp|mmp|mobile|nokia|opera mini|palm|pocket|psp|sgh|smartphone|symbian|treo mini|Playstation
Portable|SonyEricsson|Samsung|MobileExplorer|PalmSource|Benq|Windows Phone|Windows Mobile|IEMobile|Windows
CE|Nintendo Wii)/i), r.is_mobile = r.is_tablet || r.is_phone, r
380 }, plugins: function () {
381 var e = function (e) {
382 if (n.plugins) {
383 var t, r = 0, i = n.plugins.length;
384 for (; r < i; r++) {
385 t = n.plugins[r];
386 if (t && t.name && t.name.toLowerCase().indexOf(e) !== -1)
387 return !0
388 }
389 return !1
390 }
391 return !1
392 };
393 return {flash: e("flash"), silverlight: e("silverlight"), java: e("java"), quicktime: e("quicktime")}
394 }, session: function (n, r) {
395 var i = a.get_obj(n);
396 if (i == null) {
397 i = {visits: 1, start: (new Date).getTime(), last_visit: (new Date).getTime(), url: e.location.href, path:
e.location.pathname, referrer: t.referrer, referrer_info: a.parse_url(t.referrer), search: {engine: null, query: null}};
398 var s = [{name: "Google", host: "google", query: "q"}, {name: "Bing", host: "bing.com", query: "q"}, {name:
"Yahoo", host: "search.yahoo", query: "p"}, {name: "AOL", host: "search.aol", query: "q"}, {name: "Ask", host: "ask.com", query:
"q"}, {name: "Baidu", host: "baidu.com", query: "wd"}], o = s.length, u, f, l = 0, c = "q query term p wd query text".split(" ");
399 for (l = 0; l < o; l++) {
400 u = s[l];
401 if (i.referrer_info.host.indexOf(u.host) !== -1) {
402 i.search.engine = u.name, i.search.query = i.referrer_info.query[u.query], i.search.terms = i.search.query ?
i.search.query.split(" ") : null;
403 break
404 }
405 }
406 if (i.search.engine === null && i.referrer_info.search.length > 1)
407 for (l = 0; l < c.length; l++) {
408 var h = i.referrer_info.query[c[l]];
409 if (h) {
410 i.search.engine = "Unknown", i.search.query = h, i.search.terms = h.split(" ");
411 break
412 }
413 }
414 } else
415 i.last_visit = (new Date).getTime(), i.visits++;
416 return a.set_cookie(n, a.package_obj(i), r), i
417 }, html5_location: function () {
418 return function (e) {
419 n.geolocation.getCurrentPosition(function (t) {
420 t.source = "html5", e(t)
421 }, function (t) {
422 i.gapi_location ? u.gapi_location()(e) : e({error: !0, source: "html5"})
423 })
424 }
425 }, gapi_location: function () {
426 return function (t) {
427 var n = a.get_obj(i.location_cookie);
428 !n || n.source !== "google" ? (e.gloader_ready = function () {
429 "google" in e && (e.google.loader.ClientLocation ? (e.google.loader.ClientLocation.source = "google",
t(e.google.loader.ClientLocation)) : t({error: !0, source: "google"}), a.set_cookie(i.location_cookie,
a.package_obj(e.google.loader.ClientLocation), i.location_cookie_timeout * 60 * 60 * 1e3))
430 }, a.embed_script("https://www.google.com/jsapi?callback=gloader_ready")) : t(n)
431 }
432 }, ipinfodb_location: function (t) {
433 return function (n) {
434 var r = a.get_obj(i.location_cookie);
435 r && r.source === "ipinfodb" && n(r), e.ipinfocb = function (e) {
436 if (e.statusCode === "OK")
437 e.source = "ipinfodb", a.set_cookie(i.location_cookie, a.package_obj(e), i.location_cookie * 60 * 60 * 1e3),
n(e);
438 else {
439 if (i.gapi_location)
440 return u.gapi_location()(n);
441 n({error: !0, source: "ipinfodb", message: e.statusMessage})
442 }
443 }, a.embed_script("http://api.ipinfodb.com/v3/ip-city/?key=" + t + "&format=json&callback=ipinfocb")
444 }
445 }}, a = {parse_url: function (e) {
446 var n = t.createElement("a"), r = {};
447 n.href = e, query_str = n.search.substr(1);
448 if (query_str != "") {
449 var i = query_str.split("&"), s = 0, o = i.length, u;
450 for (; s < o; s++)
451 u = i[s].split("="), u.length === 2 && (r[u[0]] = decodeURI(u[1]))
452 }
453 return {host: n.host, path: n.pathname, protocol: n.protocol, port: n.port === "" ? 80 : n.port, search: n.search,
query: r}
454 }, set_cookie: function (n, r, i, s) {
455 if (!t.cookie || !n || !r)
456 return null;
457 if (!s)
458 var s = {};
459 if (r === null || r === undefined)
460 i = -1;
461 return i && (s.expires = (new Date).getTime() + i), document.cookie = [encodeURIComponent(n), "=",
encodeURIComponent(String(r)), s.expires ? "; expires=" + (new Date(s.expires)).toUTCString() : "", s.path ? "; path=" + s.path : "",
s.domain ? "; domain=" + s.domain : "", e.location && e.location.protocol === "https:" ? "; secure" : ""].join("")
462 }, get_cookie: function (e, t) {
463 return (t = (new RegExp("(?:^|; )" + encodeURIComponent(e) + "=([^;]*)")).exec(document.cookie)) ?
decodeURIComponent(t[1]) : null
464 }, embed_script: function (e) {
465 var n = t.createElement("script");
466 n.type = "text/javascript", n.src = e, t.getElementsByTagName("body")[0].appendChild(n)
467 }, package_obj: function (e) {
468 e.version = r;
469 var t = f.stringify(e);
470 return delete e.version, t
471 }, get_obj: function (e) {
472 var t;
473 try {
474 t = f.parse(a.get_cookie(e))
475 } catch (n) {
476 }
477 if (t && t.version == r)
478 return delete t.version, t
479 }}, f = {parse: e.JSON && e.JSON.parse || function (e) {
480 return typeof e != "string" || !e ? null : (new Function("return " + e))()
481 }, stringify: e.JSON && e.JSON.stringify || function (e) {
482 var t = typeof e;
483 if (t === "object" && e !== null) {
484 var n, r, i = [], s = e && e.constructor === Array;
485 for (n in e)
486 r = e[n], t = typeof r, t === "string" ? r = '"' + r + '"' : t === "object" && r !== null && (r = this.stringify(r)),
i.push((s ? "" : '"' + n + '":') + r);
487 return (s ? "[" : "{") + i.join(",") + (s ? "]" : "}")
488 }
489 if (t === "string")
490 return '"' + e + '"'
491 }};
492 s()
493 })(window, document, navigator);
494 </script>
495
496 </body>
497 </html>

1 /*
2 * To change this license header, choose License Headers in Project Properties.
3 * To change this template file, choose Tools | Templates
4 * and open the template in the editor.
5 */
6 package model;
7
8 import java.sql.Connection;
9 import java.sql.DriverManager;
10
11 /**
12 *
13 * @author Ly Quynh Tran
14 */
15 public class ConnectDB implements DatabaseInfor {
16
17 public static Connection getConnection() {
18 Connection conn = null;
19 try {
20 Class.forName(driverName);
21 conn = DriverManager.getConnection(url, user, pass);
22
23 } catch (Exception e) {
24 e.printStackTrace();
25 }
26 return conn;
27 }
28
29 public static void main(String[] args) {
30 System.out.println(getConnection());
31 }
32 }
33

1 /*
2 * To change this license header, choose License Headers in Project Properties.
3 * To change this template file, choose Tools | Templates
4 * and open the template in the editor.
5 */
6 package model;
7
8 /**
9 *
10 * @author Ly Quynh Tran
11 */
12 public interface DatabaseInfor {
13 public static String driverName="com.microsoft.sqlserver.jdbc.SQLServerDriver";
14 public static String url="jdbc:sqlserver://127.0.0.1:1433;databaseName=J3.L.P0011;";
15 public static String user="sa";
16 public static String pass="abc123";
17 }
18
1 /*
2 * To change this license header, choose License Headers in Project Properties.
3 * To change this template file, choose Tools | Templates
4 * and open the template in the editor.
5 */
6 package model;
7
8 import java.sql.Connection;
9 import java.sql.PreparedStatement;
10 import java.sql.ResultSet;
11 import java.sql.SQLException;
12
13 /**
14 *
15 * @author Ly Quynh Tran
16 */
17 public class aboutMe {
18 String detail;
19 String name;
20
21 public aboutMe() {
22 }
23
24
25
26 public aboutMe(String detail, String name) {
27 this.detail = detail;
28 this.name = name;
29 }
30
31 public String getDetail() {
32 return detail;
33 }
34
35 public void setDetail(String detail) {
36 this.detail = detail;
37 }
38
39 public String getName() {
40 return name;
41 }
42
43 public void setName(String name) {
44 this.name = name;
45 }
46
47 public aboutMe getMe() throws ClassNotFoundException, SQLException {
48 Connection con = ConnectDB.getConnection();
49 PreparedStatement stmt = con.prepareStatement("Select * from aboutMe");
50 ResultSet rs = stmt.executeQuery();
51 while(rs.next()) {
52 detail = rs.getString("detail");
53 name = rs.getString("name");
54 aboutMe x = new aboutMe(detail, name);
55 return x;
56 }
57 con.close();
58 return null;
59 }
60 }
61
1 /*
2 * To change this license header, choose License Headers in Project Properties.
3 * To change this template file, choose Tools | Templates
4 * and open the template in the editor.
5 */
6 package model;
7
8 import java.sql.Connection;
9 import java.sql.PreparedStatement;
10 import java.sql.ResultSet;
11 import java.sql.SQLException;
12 import java.text.DateFormatSymbols;
13 import java.text.SimpleDateFormat;
14 import java.util.ArrayList;
15 import java.util.Date;
16
17 /**
18 *
19 * @author Ly Quynh Tran
20 */
21 public class blog {
22
23 int id;
24 String name;
25 String image;
26 String detail;
27 Date date;
28 String type;
29
30 public blog() {
31 }
32
33 public blog(int id, String name, String image, String detail, Date date, String type) {
34 this.id = id;
35 this.name = name;
36 this.image = image;
37 this.detail = detail;
38 this.date = date;
39 this.type = type;
40 }
41
42 public int getId() {
43 return id;
44 }
45
46 public void setId(int id) {
47 this.id = id;
48 }
49
50 public String getName() {
51 return name;
52 }
53
54 public void setName(String name) {
55 this.name = name;
56 }
57
58 public String getImage() {
59 return image;
60 }
61
62 public void setImage(String image) {
 63 this.image = image;
64 }
65
66 public String getDetail() {
67 return detail;
68 }
69
70 public void setDetail(String detail) {
71 this.detail = detail;
72 }
73
74 public Date getDate() {
75 return date;
76 }
77
78 public void setDate(Date date) {
79 this.date = date;
80 }
81
82 public String getType() {
83 return type;
84 }
85
86 public void setType(String type) {
87 this.type = type;
88 }
89
90 @Override
91 public String toString() {
92 return "blog{" + "id=" + id + ", name=" + name + ", image=" + image + ", detail=" + detail + ", date=" + date + ", type=" +
type + '}';
93 }
94
95 public ArrayList<blog> getBlog() throws SQLException {
96 ArrayList<blog> al = new ArrayList<>();
97 Connection con = ConnectDB.getConnection();
98 PreparedStatement stmt = con.prepareStatement("Select * from blog order by date DESC");
99 ResultSet rs = stmt.executeQuery();
100 while (rs.next()) {
101 id = rs.getInt("id");
102 name = rs.getString("name");
103 image = rs.getString("image");
104 detail = rs.getString("detail");
105 date = rs.getDate("date");
106 type = rs.getString("type");
107 al.add(new blog(id, name, image, detail, date, type));
108 }
109 return al;
110 }
111
112 public blog getBlogbyID(int id) throws SQLException {
113 Connection con = ConnectDB.getConnection();
114 PreparedStatement stmt = con.prepareStatement("Select * from blog where id = ?");
115 stmt.setInt(1, id);
116 ResultSet rs = stmt.executeQuery();
117 while (rs.next()) {
118 id = rs.getInt("id");
119 name = rs.getString("name");
120 image = rs.getString("image");
121 detail = rs.getString("detail");
122 date = rs.getDate("date");
123 type = rs.getString("type");
124 blog x = new blog(id, name, image, detail, date, type);
125 return x;
126 }
127 con.close();
128 return null;
129 }
130
131 public String getMonth(Date d) {
132 SimpleDateFormat dateFormat = new SimpleDateFormat("MM");
133 int month = Integer.parseInt(dateFormat.format(d));
134 String kq = new DateFormatSymbols().getMonths()[month - 1];
135 dateFormat = new SimpleDateFormat("YYYY");
136 int year = Integer.parseInt(dateFormat.format(d));
137 kq += " " + year;
138 return kq;
139 }
140
141 public static void main(String[] args) throws SQLException {
142 blog b = new blog();
143 System.out.println(b.getBlogbyID(3));
144 }
145 }
146