Fork me on GitHub

This Is Demo vue-modaltor


  <vue-modaltor
    :visible="open"
    @hide="open = false">
        <p>
        Lorem ipsum dolor sit amet
        ....
  </vue-modaltor>

game of thrones quotes

“Never forget what you are, for surely the world will not. Make it your strength. Then it can never be your weakness. Armour yourself in it, and it will never be used to hurt you.” ― George R.R. Martin, A Game of Thrones.


      <vue-modaltor
        :visible="open"
        @hide="open = false">
            <p>
            <template slot="close-icon">
                       You Cand Add Any Icon Svg
            </template>
            Lorem ipsum dolor sit amet
            ....
      </vue-modaltor>

game of thrones quotes

“Never forget what you are, for surely the world will not. Make it your strength. Then it can never be your weakness. Armour yourself in it, and it will never be used to hurt you.” ― George R.R. Martin, A Game of Thrones


  <vue-modaltor
    :visible="open"
    @hide="open = false"
    :resize-width='{1200:"60%",992:"80%",768:"90%"}'
    >
        <p>
        Lorem ipsum dolor sit amet,
        ....
  </vue-modaltor>
/* additional options
  manage modal's size on diffrent dimenstions with one single attribute
  :resize-width='{1200:"60%",992:"80%",768:"90%"}'
*/

game of thrones quotes

“Nor was he Aemon Targaryen. Three times the old man had chosen, and three times he had chosen honor, but that was him. Even now, Jon could not decide whether the maester had stayed because he was weak and craven, or because he was strong and true.” ― George R.R. Martin, A Game of Thrones


  <vue-modaltor
    :visible="open"
    @hide="open = false"
    :animation-panel="'modal-slide-right'">
        <p>
        Lorem ipsum dolor sit amet,
        ....
  </vue-modaltor>
/* additional options
 modal-slide-left
 modal-slide-top
 modal-slide-bottom

 default: modal-fade
 you can add any custom animation 
 eg:
 animation-panel="some-animation-panel"
 
.some-animation-panel{
  opacity: 0.1;
  visibility: hidden;
  transform: rotate(45deg)
}
.modal-vue-panel.modal-vue-show.some-animation-panel{
  visibility: visible;
}
*/

game of thrones quotes

“Bran thought about it. 'Can a man still be brave if he's afraid?' 'That is the only time a man can be brave,' his father told him.” ― George R.R. Martin, A Game of Thrones

game of thrones quotes

“Bran thought about it. 'Can a man still be brave if he's afraid?' 'That is the only time a man can be brave,' his father told him.” ― George R.R. Martin, A Game of Thrones

game of thrones quotes

“Fear cuts deeper than swords.” ― George R.R. Martin, A Game of Thrones

game of thrones quotes

“Some old wounds never truly heal, and bleed again at the slightest word.” ― George R.R. Martin, A Game of Thrones


  <vue-modaltor
    :visible="open"
    @hide="open = false"
    :animation-parent="'modal-scale'">
        <p>
        Lorem ipsum dolor sit amet,
        ....
  </vue-modaltor>

game of thrones quotes

“When the sun rises in the west and sets in the east," she said sadly. "When the seas go dry and mountains blow in the wind like leaves. When my womb quickens again, and I bear a living child. Then you will return, my sun-and-stars, and not before." -Daenerys Targaryen” ― George R.R. Martin, A Game of Thrones


  <vue-modaltor
    :visible="open"
    @hide="open = false"
    :show-close-button="false">
        <p>
        Lorem ipsum dolor sit amet,
        ....
  </vue-modaltor>

game of thrones quotes

“Bran thought about it. 'Can a man still be brave if he's afraid?' 'That is the only time a man can be brave,' his father told him.” ― George R.R. Martin, A Game of Thrones

                    
  <vue-modaltor
    :visible="open"
    @hide="open = false"
    :default-width="'30%'"
    :close-scroll="false">
        <p>
        Lorem ipsum dolor sit amet,
        ....
  </vue-modaltor>
                    
                  
/* additional options
 if close-scroll = true body scroll is close
 default: true*/

In the Seven Kingdoms

At the beginning of the story, Lord Eddard "Ned" Stark executes a deserter from the Night's Watch, who has betrayed his vows and fled from the Wall. On the way back, his children adopt six direwolf pups, the animal of his sigil. There are three male and two female direwolf pups, as well as an albino runt, which aligns with his three trueborn sons, two trueborn daughters, and one bastard son. That night, Ned receives word of the death of his mentor, Lord Jon Arryn, the principal advisor to Ned's childhood friend, King Robert Baratheon. During his own visit to Ned's castle of Winterfell, Robert recruits Ned to replace Arryn as the King's Hand. Ned is reluctant, but agrees to go when he learns that Arryn's widow Lysa believes Queen Cersei Lannister and her family poisoned Arryn. Shortly thereafter, Ned's son Bran inadvertently discovers Cersei having sex with her twin brother Jaime Lannister, who throws Bran from the tower to conceal their affair. Ned and his daughters Sansa and Arya depart for the royal capital of King's Landing, while his wife Catelyn, a comatose Bran, and their other sons Robb and Rickon remain at Winterfell. During the journey south, a physical altercation between Arya and Robert's son, Prince Joffrey, to whom Sansa has been betrothed, increases both the tension between the Starks and the Lannisters and the sibling rivalry between Arya and Sansa. Arya's direwolf Nymeria attacks Joffrey to protect her, and Arya chases Nymeria away to protect her from the Lannisters' wrath, therefore Sansa's direwolf Lady is executed in Nymeria's place. Upon arriving in King's Landing to take his post as Hand, Ned finds that Robert is an ineffective king whose only interests are hunting, drinking and womanizing with the realm being governed by his Small Council. Robert tells Ned of his wish to abdicate as he is bored by his kingly duties, but does not as he fears what his heir Joffery might do as king. At Winterfell, an assassin attempts to kill Bran, thwarted only by his direwolf. Catelyn departs for King's Landing to bring word of this to Ned. Shortly after that, Bran awakens as a paraplegic, with no memory of the cause of his fall. Upon Catelyn's arrival in King's Landing, she is brought to her childhood friend, Petyr "Littlefinger" Baelish, who identifies Tyrion Lannister, the dwarf brother of Cersei and Jaime, as the owner of the dagger used against Bran, and agrees to help Ned investigate the possibility of Lannister treason. During her return to Winterfell, Catelyn meets Tyrion by chance on the Kingsroad, arrests him, and takes him to her sister Lysa Arryn's stronghold in the Vale, where Tyrion demands trial by combat and regains his freedom when his champion, a mercenary named Bronn, is victorious. Tyrion recruits a force of tribesmen from the Vale as his private army with the aim of seeking revenge on Arryn for her mistreatment of him. In retaliation for Tyrion's abduction, his father Lord Tywin Lannister sends soldiers led by his brutish bannerman Gregor "The Mountain" Clegane to raid Catelyn's homeland, the Riverlands. In King's Landing, Ned finds Robert's eldest brother Stannis Baratheon left the city after Jon Arryn's death for his island of Dragonstone. Ned begins to investigate into Jon Arryn's affairs, which leads him to visiting locations where Jon Arryn visited with Stannis - including places where Robert's bastard children are found. On the way back from one such place, Ned and his soldiers are waylaid by Jaime Lannister, who demands Tyrion's return, and when he does not get what he wants he orders Ned's men be killed - in the ensuing skirmish, Ned is crippled in one leg when his horse collapses on top of him. Even afterwards, Ned continues to investigate and eventually discovers that Robert's legal heirs, including Joffrey, are in fact Cersei's children by Jaime and that Jon Arryn was killed to conceal his discovery of their incest. Ned offers Cersei a chance to flee before he informs Robert, but she uses this chance to arrange Robert's death in a hunting accident. Ned, made lord-regent by Robert's will, enlists Littlefinger's help to secure the loyalty and assistance of the city guards to challenge Joffrey's claim on the throne and place Stannis on the throne; but Littlefinger betrays him, resulting in Ned's arrest, and the death of his men. The spymaster on the Small Council, the eunuch Varys, accuses Ned of "madness" in revealing to Cersei his knowledge of her incestuous relationship. Whilst Joffrey is crowned King of the Seven Kingdoms, Ned eventually agrees to falsely confess to high treason and join the Night's Watch in exchange for Sansa and Arya's safety, but Joffrey has him beheaded anyway. Whilst Sansa is retained into custody, Arya escapes with the help of her fencing instructor, Syrio Forel, and Yoren, a recruiting agent for the Night's Watch. Robb Stark has gathered an army and marched south in response to his father's arrest; and upon learning of Ned's death, attempts to raise further support from and to aid his maternal grandfather, Lord Hoster Tully. To reach the Tully lands, he agrees to a marital alliance with the notoriously unreliable House Frey, who control the intervening territory but declined to assist the Tullys despite being sworn to Riverrun. Tywin confronts a Northern-Riverlands force commanded by Roose Bolton and assigns Tyrion and his tribesmen to his van out of the hope he will be killed in the coming battle. Tyrion begins a relationship with the prostitute Shae and survives the battle, which ends in a Lannister victory. However, the force commanded by Bolton was a merely a feint and Robb commands his main force to the relief of Riverrun. Robb proves victorious against Jaime Lannister at the Battle of the Whistling Wood, who is captured and taken prisoner, while his father Tywin decides to withdraw to the southern border of the Tully lands, sending Tyrion to King's Landing to keep Joffrey under control. When Robb elects not to ally himself with Robert's brothers Renly and Stannis, who have both made claims to the throne, the Riverlands and Northern lords hail him as "King in the North": his family's ancestral title.

In the Seven Kingdoms

At the beginning of the story, Lord Eddard "Ned" Stark executes a deserter from the Night's Watch, who has betrayed his vows and fled from the Wall. On the way back, his children adopt six direwolf pups, the animal of his sigil. There are three male and two female direwolf pups, as well as an albino runt, which aligns with his three trueborn sons, two trueborn daughters, and one bastard son. That night, Ned receives word of the death of his mentor, Lord Jon Arryn, the principal advisor to Ned's childhood friend, King Robert Baratheon. During his own visit to Ned's castle of Winterfell, Robert recruits Ned to replace Arryn as the King's Hand. Ned is reluctant, but agrees to go when he learns that Arryn's widow Lysa believes Queen Cersei Lannister and her family poisoned Arryn. Shortly thereafter, Ned's son Bran inadvertently discovers Cersei having sex with her twin brother Jaime Lannister, who throws Bran from the tower to conceal their affair. Ned and his daughters Sansa and Arya depart for the royal capital of King's Landing, while his wife Catelyn, a comatose Bran, and their other sons Robb and Rickon remain at Winterfell. During the journey south, a physical altercation between Arya and Robert's son, Prince Joffrey, to whom Sansa has been betrothed, increases both the tension between the Starks and the Lannisters and the sibling rivalry between Arya and Sansa. Arya's direwolf Nymeria attacks Joffrey to protect her, and Arya chases Nymeria away to protect her from the Lannisters' wrath, therefore Sansa's direwolf Lady is executed in Nymeria's place. Upon arriving in King's Landing to take his post as Hand, Ned finds that Robert is an ineffective king whose only interests are hunting, drinking and womanizing with the realm being governed by his Small Council. Robert tells Ned of his wish to abdicate as he is bored by his kingly duties, but does not as he fears what his heir Joffery might do as king. At Winterfell, an assassin attempts to kill Bran, thwarted only by his direwolf. Catelyn departs for King's Landing to bring word of this to Ned. Shortly after that, Bran awakens as a paraplegic, with no memory of the cause of his fall. Upon Catelyn's arrival in King's Landing, she is brought to her childhood friend, Petyr "Littlefinger" Baelish, who identifies Tyrion Lannister, the dwarf brother of Cersei and Jaime, as the owner of the dagger used against Bran, and agrees to help Ned investigate the possibility of Lannister treason. During her return to Winterfell, Catelyn meets Tyrion by chance on the Kingsroad, arrests him, and takes him to her sister Lysa Arryn's stronghold in the Vale, where Tyrion demands trial by combat and regains his freedom when his champion, a mercenary named Bronn, is victorious. Tyrion recruits a force of tribesmen from the Vale as his private army with the aim of seeking revenge on Arryn for her mistreatment of him. In retaliation for Tyrion's abduction, his father Lord Tywin Lannister sends soldiers led by his brutish bannerman Gregor "The Mountain" Clegane to raid Catelyn's homeland, the Riverlands. In King's Landing, Ned finds Robert's eldest brother Stannis Baratheon left the city after Jon Arryn's death for his island of Dragonstone. Ned begins to investigate into Jon Arryn's affairs, which leads him to visiting locations where Jon Arryn visited with Stannis - including places where Robert's bastard children are found. On the way back from one such place, Ned and his soldiers are waylaid by Jaime Lannister, who demands Tyrion's return, and when he does not get what he wants he orders Ned's men be killed - in the ensuing skirmish, Ned is crippled in one leg when his horse collapses on top of him. Even afterwards, Ned continues to investigate and eventually discovers that Robert's legal heirs, including Joffrey, are in fact Cersei's children by Jaime and that Jon Arryn was killed to conceal his discovery of their incest. Ned offers Cersei a chance to flee before he informs Robert, but she uses this chance to arrange Robert's death in a hunting accident. Ned, made lord-regent by Robert's will, enlists Littlefinger's help to secure the loyalty and assistance of the city guards to challenge Joffrey's claim on the throne and place Stannis on the throne; but Littlefinger betrays him, resulting in Ned's arrest, and the death of his men. The spymaster on the Small Council, the eunuch Varys, accuses Ned of "madness" in revealing to Cersei his knowledge of her incestuous relationship. Whilst Joffrey is crowned King of the Seven Kingdoms, Ned eventually agrees to falsely confess to high treason and join the Night's Watch in exchange for Sansa and Arya's safety, but Joffrey has him beheaded anyway. Whilst Sansa is retained into custody, Arya escapes with the help of her fencing instructor, Syrio Forel, and Yoren, a recruiting agent for the Night's Watch. Robb Stark has gathered an army and marched south in response to his father's arrest; and upon learning of Ned's death, attempts to raise further support from and to aid his maternal grandfather, Lord Hoster Tully. To reach the Tully lands, he agrees to a marital alliance with the notoriously unreliable House Frey, who control the intervening territory but declined to assist the Tullys despite being sworn to Riverrun. Tywin confronts a Northern-Riverlands force commanded by Roose Bolton and assigns Tyrion and his tribesmen to his van out of the hope he will be killed in the coming battle. Tyrion begins a relationship with the prostitute Shae and survives the battle, which ends in a Lannister victory. However, the force commanded by Bolton was a merely a feint and Robb commands his main force to the relief of Riverrun. Robb proves victorious against Jaime Lannister at the Battle of the Whistling Wood, who is captured and taken prisoner, while his father Tywin decides to withdraw to the southern border of the Tully lands, sending Tyrion to King's Landing to keep Joffrey under control. When Robb elects not to ally himself with Robert's brothers Renly and Stannis, who have both made claims to the throne, the Riverlands and Northern lords hail him as "King in the North": his family's ancestral title.


  <vue-modaltor
    :visible="open"
    @hide="open = false"
    :bg-overlay="'red'">
        <p>
        Lorem ipsum dolor sit amet,
        ....
  </vue-modaltor>
/* additional options
 "bg-overlay = "'red'"
 and
 "bg-panel = "'green'"
 default: '#fff'*/

game of thrones quotes

“Give me honorable enemies rather than ambitious ones, and I'll sleep more easily by night.” ― George R.R. Martin, A Game of Thrones

game of thrones quotes

“You are your mother's trueborn son of Lannister." "Am I?" the dwarf replied, sardonic. "Do tell my lord father. My mother died birthing me, and he's never been sure." "I don't even know who my mother was," Jon said. "Some woman, no doubt. Most of them are." He favored Jon with a rueful grin. "Remember this, boy. All dwarfs may be bastards, yet not all bastards need be dwarfs." And with that he turned and sauntered back into the feast, whistling a tune. When he opened the door, the light from within threw his shadow clear across the yard, and for just a moment Tyrion Lannister stood tall as a king.” ― George R.R. Martin, A Game of Thrones