일단 커밋

2023-03-26 20:40:07 +09:00
commit 389182c38a
61 changed files with 2825 additions and 0 deletions
@@ -0,0 +1,24 @@
+package com.mime.dualscreenview
+
+import androidx.test.platform.app.InstrumentationRegistry
+import androidx.test.ext.junit.runners.AndroidJUnit4
+
+import org.junit.Test
+import org.junit.runner.RunWith
+
+import org.junit.Assert.*
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("com.mime.dualscreenview", appContext.packageName)
+    }
+}
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <uses-permission android:name="android.permission.INTERNET"/>
+
+    <application
+        android:allowBackup="false"
+        android:dataExtractionRules="@xml/data_extraction_rules"
+        android:fullBackupContent="@xml/backup_rules"
+        android:icon="@mipmap/ic_launcher"
+        android:label="@string/app_name"
+        android:usesCleartextTraffic="true"
+        android:roundIcon="@mipmap/ic_launcher_round"
+        android:supportsRtl="true"
+        android:theme="@style/Theme.DualScreenView"
+        tools:targetApi="31" >
+
+        <activity
+            android:name=".activity.Intro"
+            android:launchMode="singleInstance"
+            android:screenOrientation="nosensor"
+            android:configChanges="keyboardHidden|orientation|screenSize"
+            android:exported="true">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN"/>
+                <action android:name="android.intent.action.VIEW" />
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+
+        <activity
+            android:launchMode="singleInstance"
+            android:name=".activity.Main"
+            android:exported="false">
+
+        </activity>
+    </application>
+
+</manifest>
@@ -0,0 +1,11 @@
+package com.mime.dualscreenview
+
+import android.app.Application
+import io.realm.kotlin.Realm
+
+class BaseAppication : Application() {
+    override fun onCreate() {
+        super.onCreate()
+
+    }
+}
@@ -0,0 +1,135 @@
+package com.mime.dualscreenview.activity
+
+import android.os.Handler
+import android.os.Looper
+import android.os.Message
+import android.text.SpannableStringBuilder
+import android.text.style.RelativeSizeSpan
+import android.view.Gravity
+import android.view.KeyEvent
+import android.view.KeyEvent.KEYCODE_BACK
+import android.view.KeyEvent.KEYCODE_MEDIA_FAST_FORWARD
+import android.view.KeyEvent.KEYCODE_MEDIA_NEXT
+import android.view.KeyEvent.KEYCODE_MEDIA_PREVIOUS
+import android.view.KeyEvent.KEYCODE_MEDIA_REWIND
+import android.view.KeyEvent.KEYCODE_VOLUME_DOWN
+import android.view.KeyEvent.KEYCODE_VOLUME_MUTE
+import android.view.KeyEvent.KEYCODE_VOLUME_UP
+import android.widget.Toast
+import androidx.appcompat.app.AppCompatActivity
+import com.mime.dualscreenview.common.Blog
+
+
+open class Base : AppCompatActivity() {
+
+    inner class BaseHandler(looper : Looper  = Looper.getMainLooper()) : Handler() {
+        override fun handleMessage(msg: Message) {
+            super.handleMessage(msg)
+        }
+//
+//        override fun dispatchMessage(msg: Message) {
+//            super.dispatchMessage(msg)
+//        }
+//
+//        override fun getMessageName(message: Message): String {
+//            return super.getMessageName(message)
+//        }
+//
+//        override fun sendMessageAtTime(msg: Message, uptimeMillis: Long): Boolean {
+//            return super.sendMessageAtTime(msg, uptimeMillis)
+//        }
+    }
+    val baseHandler = BaseHandler()
+    var didBackPress = false
+
+    val onBackPressRunnable = Runnable {
+        didBackPress = false
+    }
+
+    val backPressString = arrayOf(
+        "이퓨 워너 백투웹?\n플리즈~\n한번더 뒤로가기!!",
+        "이퓨 워너 종료?\n플리즈~\n한번더 뒤로가기!~!",
+    )
+    fun firstBackPress() {
+        didBackPress = true
+        val origin = "이퓨 워너 종료?\n플리즈~ 한번더 뒤로가기!~!"
+        val biggerText = SpannableStringBuilder(origin)
+        biggerText.setSpan(RelativeSizeSpan(1.6f), 0, origin.length, 0)
+        Toast.makeText(baseContext,biggerText,Toast.LENGTH_LONG).apply {
+            setGravity(Gravity.CENTER, 0, 0)
+        }.show()
+        baseHandler.postDelayed(onBackPressRunnable,1500L)
+    }
+
+
+
+    override fun onKeyDown(keyCode: Int, event: KeyEvent?): Boolean {
+        Blog.LOGD(log = "keyCode : ${keyCode}, event : ${event}")
+        return  when(keyCode) {
+            KEYCODE_VOLUME_DOWN -> { true }
+            KEYCODE_VOLUME_UP -> { true }
+            KEYCODE_VOLUME_MUTE -> { true }
+            KEYCODE_MEDIA_FAST_FORWARD -> { true }
+            KEYCODE_MEDIA_REWIND -> { true }
+            KEYCODE_MEDIA_PREVIOUS -> { true }
+            KEYCODE_MEDIA_NEXT -> { true }
+            KEYCODE_BACK -> { false }
+            else -> {
+                super.onKeyDown(keyCode, event)
+            }
+        }
+    }
+
+    override fun onKeyUp(keyCode: Int, event: KeyEvent?): Boolean {
+        Blog.LOGD(log = "keyCode : ${keyCode}, event : ${event}")
+        return  when(keyCode) {
+            KEYCODE_VOLUME_DOWN -> {
+                onKeyClick(keyCode)
+                true
+            }
+            KEYCODE_VOLUME_UP -> {
+                onKeyClick(keyCode)
+                true
+            }
+            KEYCODE_VOLUME_MUTE -> {
+                onKeyClick(keyCode)
+                true }
+            KEYCODE_BACK -> {
+//                onBackPressed()
+                this.onBackPressed()
+                false
+            }
+            KEYCODE_MEDIA_FAST_FORWARD -> { true }
+            KEYCODE_MEDIA_REWIND -> { true }
+            KEYCODE_MEDIA_PREVIOUS -> { true }
+            KEYCODE_MEDIA_NEXT -> { true }
+            else -> {
+                super.onKeyDown(keyCode, event)
+            }
+        }
+    }
+
+    open fun onKeyClick(keyCode: Int) : Boolean {
+        when(keyCode) {
+            KEYCODE_VOLUME_DOWN -> {
+                true
+            }
+            KEYCODE_VOLUME_UP -> {
+                true
+            }
+            KEYCODE_VOLUME_MUTE -> {
+
+            }
+            KEYCODE_MEDIA_FAST_FORWARD -> { true }
+            KEYCODE_MEDIA_REWIND -> { true }
+            KEYCODE_MEDIA_PREVIOUS -> { true }
+            KEYCODE_MEDIA_NEXT -> { true }
+            else -> {
+
+            }
+        }
+        return false
+    }
+
+
+}
@@ -0,0 +1,572 @@
+package com.mime.dualscreenview.activity
+
+import android.app.ActivityOptions
+import android.content.Context
+import android.content.DialogInterface
+import android.content.Intent
+import android.content.pm.ActivityInfo
+import android.content.res.Configuration
+import android.graphics.Color
+import android.hardware.display.DisplayManager
+import android.os.Build
+import android.os.Bundle
+import android.util.Log
+import android.view.KeyEvent
+import android.view.View
+import android.view.View.*
+import android.webkit.WebView
+import android.widget.ArrayAdapter
+import android.widget.Button
+import android.widget.ImageButton
+import android.widget.LinearLayout
+import android.widget.ProgressBar
+import android.widget.TextView
+import android.widget.Toast
+import androidx.appcompat.app.AlertDialog
+import androidx.appcompat.widget.AppCompatButton
+import androidx.constraintlayout.widget.ConstraintLayout
+import androidx.core.view.updateLayoutParams
+import com.google.gson.Gson
+import com.lge.display.DisplayManagerHelper
+import com.mime.dualscreenview.R
+import com.mime.dualscreenview.common.Blog
+import com.mime.dualscreenview.dto.BookPageInfos
+import com.mime.dualscreenview.dto.LastInfo
+import com.mime.dualscreenview.view.PagedTextLayout
+import com.mime.dualscreenview.view.PagedTextViewInterface
+import com.mime.dualscreenview.view.TouchArea
+import com.mime.dualscreenview.webcontents.BaseWebContentsViewer
+import com.mime.dualscreenview.webcontents.MainControllInterface
+import com.mime.dualscreenview.webcontents.contentsinfo.Booktoki
+import com.mime.dualscreenview.webcontents.contentsinfo.GotoSomeWhere
+import io.realm.kotlin.Realm
+import io.realm.kotlin.RealmConfiguration
+import io.realm.kotlin.ext.copyFromRealm
+import io.realm.kotlin.ext.query
+
+
+class Intro : Base() , MainControllInterface, PagedTextViewInterface {
+
+    private var displayManagerHelper: DisplayManagerHelper? = null
+
+    // This callbacks where receive events from the cover
+    private var coverDisplayCallback: MainCoverDisplayCallback? = null
+    private var smartCoverCallback: MainSmartCoverCallback? = null
+
+    // Save previous state of dual screens
+    private var prevDualScreenState = DisplayManagerHelper.STATE_UNMOUNT
+
+    private var isLGDualScreen: Boolean = false
+    private lateinit var mBaseWebContentsViewer : BaseWebContentsViewer
+    var lastInfo : LastInfo? = null
+
+    val colors = arrayOf<Array<String>>(
+        arrayOf<String>("#E1F5FE", "#263238"),
+        arrayOf<String>("#F0F4C3", "#37474F"),
+        arrayOf<String>("#ECEFF1", "#455A64"),
+        arrayOf<String>("#E0F7FA", "#263238"),
+        arrayOf<String>("#F5F5F5", "#263238"),
+        arrayOf<String>("#ECEFF1", "#263238"),
+        arrayOf<String>("#F8BBD0", "#263238"),
+        arrayOf<String>("#E6EE9C", "#455A64"),
+        arrayOf<String>("#CFD8DC", "#455A64"),
+        arrayOf<String>("#FFF59D", "#37474F")
+    )
+
+    override fun onConfigurationChanged(newConfig: Configuration) {
+        super.onConfigurationChanged(newConfig)
+        Blog.LOGD(log= "onConfigurationChanged ${this::class.java.name} >> newConfig ${newConfig}")
+        mBaseWebContentsViewer.webview.reload()
+    }
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+
+        Blog.LOGD(log= "onCreate ${this::class.java.name} >> savedInstanceState ${savedInstanceState}")
+
+        setContentView(R.layout.intro)
+        mBaseWebContentsViewer = BaseWebContentsViewer(findViewById<WebView>(R.id.menu_web),this)
+        try {
+            // Try to construct the DisplayMangerHelper.
+            // If it isn't successful, this device isn't LG dual screens
+            displayManagerHelper = DisplayManagerHelper(applicationContext)
+            coverDisplayCallback = MainCoverDisplayCallback()
+            smartCoverCallback = MainSmartCoverCallback()
+
+            // Register the callbacks for covers
+            displayManagerHelper?.registerCoverDisplayEnabledCallback(
+                applicationContext.packageName,
+                coverDisplayCallback
+            )
+            displayManagerHelper?.registerSmartCoverCallback(smartCoverCallback)
+            isLGDualScreen = true
+        } catch (e: Exception) {
+            isLGDualScreen = false
+            Log.e(TAG, "This device isn't LG dual screens", e)
+        }
+
+        findViewById<ImageButton>(R.id.btn_list).setOnClickListener { v ->
+            mBaseWebContentsViewer?.findListItem {result ->
+                var infos = Gson().fromJson(result, BookPageInfos::class.java)
+                showList(infos)
+            }
+        }
+
+        findViewById<View>(R.id.btn_rotate).setOnClickListener { v->
+           switcvhOrient()
+        }
+        findViewById<View>(R.id.btn_setting).setOnClickListener { v->
+            showStyleList()
+        }
+        findViewById<View>(R.id.btn_home).setOnClickListener { v->
+            mBaseWebContentsViewer.loadContents(Booktoki())
+        }
+
+        val config = RealmConfiguration.Builder(setOf(LastInfo::class)).schemaVersion(1)
+            .build()
+        val realm = Realm.open(config)
+
+
+        try {
+            lastInfo = realm?.query<LastInfo>()?.find()?.last()?.copyFromRealm()
+        } catch (e : Exception) {
+
+        }
+        if (lastInfo != null) {
+            setRequestedOrientation(lastInfo!!.displayOrientation);
+            mBaseWebContentsViewer.loadLastInfo(lastInfo!!)
+        } else {
+            setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);
+            mBaseWebContentsViewer.loadContents(Booktoki())
+        }
+        Blog.LOGD(log ="Successfully opened realm: ${realm.configuration.name}")
+        realm.close()
+    }
+    fun switcvhOrient(){
+        val windowManager = getSystemService(WINDOW_SERVICE)
+        val configuration: Configuration = getResources().getConfiguration()
+        setRequestedOrientation(
+            if(configuration.orientation == ActivityInfo.SCREEN_ORIENTATION_PORTRAIT) { ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE }
+            else {ActivityInfo.SCREEN_ORIENTATION_PORTRAIT}
+        )
+    }
+
+    fun showList(infos: BookPageInfos) {
+        val builderSingle: AlertDialog.Builder = AlertDialog.Builder(this@Intro)
+        builderSingle.setTitle("Select One Name:-")
+        val arrayAdapter =
+            ArrayAdapter<String>(this@Intro, android.R.layout.select_dialog_singlechoice)
+        arrayAdapter.addAll(infos.getTitleArray())
+
+
+        builderSingle.setNegativeButton("cancel",
+            DialogInterface.OnClickListener { dialog, which -> dialog.dismiss() })
+
+        builderSingle.setAdapter(arrayAdapter,
+            DialogInterface.OnClickListener { dialog, which ->
+                val strName = arrayAdapter.getItem(which)
+                val builderInner: AlertDialog.Builder = AlertDialog.Builder(this@Intro)
+                builderInner.setMessage(strName)
+                builderInner.setTitle("Your Selected Item is")
+                builderInner.setPositiveButton("Ok",
+                    DialogInterface.OnClickListener { dialog, which -> dialog.dismiss() })
+                builderInner.show()
+            })
+        var ddddd= builderSingle.create()
+        ddddd.setOnShowListener { d->
+            (d as? AlertDialog)?.let{
+                it.listView?.smoothScrollToPosition(currentChapter)
+            }
+        }
+
+        ddddd.show()
+    }
+
+    fun showStyleList() {
+        val builderSingle: AlertDialog.Builder = AlertDialog.Builder(this@Intro)
+        builderSingle.setTitle("Select One Name:-")
+        val arrayAdapter =
+            ArrayAdapter<String>(this@Intro, android.R.layout.select_dialog_singlechoice)
+        var styleNum = 1;
+        for (a in colors) {
+            arrayAdapter.add("스타일 ${styleNum}")
+            styleNum = styleNum.inc()
+        }
+
+
+        builderSingle.setNegativeButton("cancel",
+            DialogInterface.OnClickListener { dialog, which -> dialog.dismiss() })
+
+        builderSingle.setAdapter(arrayAdapter,
+            DialogInterface.OnClickListener { dialog, which ->
+                val color = colors.get(which)
+                val builderInner: AlertDialog.Builder = AlertDialog.Builder(this@Intro)
+                builderInner.setMessage("스타일 ${which + 1}")
+
+                builderInner.setTitle("Your Selected Item is")
+                builderInner.setPositiveButton("Ok",
+                    DialogInterface.OnClickListener { dialog, which -> dialog.dismiss()
+                        pg?.setColorStyle(color)
+                        findViewById<View>(R.id.intro_bg).setBackgroundColor(Color.parseColor(color.get(1)))
+                    })
+                builderInner.show()
+            })
+        var ddddd= builderSingle.create()
+        ddddd.setOnShowListener { d->
+            (d as? AlertDialog)?.let{
+                it.listView?.smoothScrollToPosition(currentChapter)
+            }
+        }
+
+        ddddd.show()
+    }
+
+
+    override fun onDestroy() {
+        // Remove all callbacks when this activity is destroyed
+        displayManagerHelper?.unregisterCoverDisplayEnabledCallback(applicationContext.packageName)
+        displayManagerHelper?.unregisterSmartCoverCallback(smartCoverCallback)
+        super.onDestroy()
+    }
+
+    /**
+     * Convert cover display states to string to serve for logging
+     *
+     * @param state is the value integer of state
+     * @return a string for this state
+     */
+    private fun coverDisplayStateToString(state: Int): String {
+        return when (state) {
+            DisplayManagerHelper.STATE_UNMOUNT -> "STATE_UNMOUNT"
+            DisplayManagerHelper.STATE_DISABLED -> "STATE_DISABLED"
+            DisplayManagerHelper.STATE_ENABLED -> "STATE_ENABLED"
+            else -> "UNKNOWN_STATE"
+        }
+    }
+
+    /**
+     * Convert smart cover display states to string to serve for logging
+     *
+     * @param state is the value integer of state
+     * @return a string for this state
+     */
+    private fun smartCoverStateToString(state: Int): String {
+        return when (state) {
+            DisplayManagerHelper.STATE_COVER_OPENED -> "STATE_COVER_OPENED"
+            DisplayManagerHelper.STATE_COVER_CLOSED -> "STATE_COVER_CLOSED"
+            DisplayManagerHelper.STATE_COVER_FLIPPED_OVER -> "STATE_COVER_FLIPPED_OVER"
+            else -> "UNKNOWN_STATE"
+        }
+    }
+
+    /**
+     * Navigate to the second screen.
+     *
+     * See more at https://developer.android.com/guide/topics/ui/foldables?#using_secondary_screens
+     */
+    private fun toSecondScreen(screenNumStr : String) {
+
+        var screenNum = screenNumStr.toInt()
+        // DisplayManager manages the properties of attached displays.
+        val displayManager = getSystemService(Context.DISPLAY_SERVICE) as DisplayManager
+
+        // List displays was attached
+        val displays = displayManager.displays
+
+        if (displays.size > screenNum) {
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+                // Activity options are used to select the display screen.
+                val options = ActivityOptions.makeBasic()
+                // Select the display screen that you want to show the second activity
+                options.launchDisplayId = displays[screenNum].displayId
+
+                // To display on the second screen that your intent must be set flag to make
+                // single task (combine FLAG_ACTIVITY_CLEAR_TOP and FLAG_ACTIVITY_NEW_TASK)
+                // or you also set it in the manifest (see more at the manifest file)
+                startActivity(
+                    Intent(this@Intro, Main::class.java).apply {
+
+                    },
+                    options.toBundle()
+                )
+            }
+        } else {
+            Toast.makeText(this, "Not found the second screen", Toast.LENGTH_SHORT).show()
+        }
+    }
+
+    private inner class MainCoverDisplayCallback : DisplayManagerHelper.CoverDisplayCallback() {
+        override fun onCoverDisplayEnabledChangedCallback(state: Int) {
+            displayManagerHelper?.coverDisplayState?.let {
+                Log.i(TAG, "Current DualScreen Callback state: ${coverDisplayStateToString(it)}")
+            }
+            if (prevDualScreenState != state) {
+                when (state) {
+                    DisplayManagerHelper.STATE_UNMOUNT -> {
+                        Log.i(TAG, "Changed DualScreen State to STATE_UNMOUNT")
+                    }
+                    DisplayManagerHelper.STATE_DISABLED -> {
+                        Log.i(TAG, "Changed DualScreen State to  STATE_DISABLED")
+                    }
+                    DisplayManagerHelper.STATE_ENABLED -> {
+//                        toSecondScreen()
+                        Log.i(TAG, "Changed DualScreen State to  STATE_ENABLED")
+                    }
+                }
+                prevDualScreenState = state
+            }
+        }
+    }
+
+    private inner class MainSmartCoverCallback : DisplayManagerHelper.SmartCoverCallback() {
+        override fun onTypeChanged(type: Int) {
+            Log.i(TAG, "SmartCoverCallback type: ${displayManagerHelper?.coverType}")
+        }
+
+        override fun onStateChanged(state: Int) {
+            displayManagerHelper?.coverState?.let {
+                Log.i(TAG, "Current SmartCoverCallback state: ${smartCoverStateToString(it)}")
+            }
+            when (state) {
+                DisplayManagerHelper.STATE_COVER_OPENED -> {
+                    Log.i(TAG, "Received SmartCoverCallback is STATE_COVER_OPENED")
+                }
+                DisplayManagerHelper.STATE_COVER_CLOSED -> {
+                    Log.i(TAG, "Received SmartCoverCallback is STATE_COVER_CLOSED")
+                }
+                DisplayManagerHelper.STATE_COVER_FLIPPED_OVER -> {
+                    Log.i(TAG, "Received SmartCoverCallback is STATE_COVER_FLIPPED_OVER")
+                }
+            }
+        }
+    }
+    var pg : PagedTextLayout? = null;
+
+    var onNextClickAction: GotoSomeWhere? = null
+    override fun showNextBtn(find : Boolean , onClickAction: GotoSomeWhere) {
+        onNextClickAction = onClickAction
+        findViewById<AppCompatButton>(R.id.btn_right)?.let{
+            it.text = "다음 페이지"
+            it.setOnClickListener {
+                actionNextEvent()
+            }
+            it.visibility= if(find) VISIBLE else GONE
+        }
+    }
+
+    fun actionNextEvent() {
+        if (pg != null && pg!!.visibility == View.VISIBLE && pg!!.size() > 0 && (pg!!.current() < pg!!.size() - 1) ) {
+            pg!!.doNext()
+            updateLastInfo(pg!!)
+        }else {
+            onNextClickAction?.let { it() }
+        }
+    }
+    var onPrevClickAction: GotoSomeWhere? = null
+    override fun showPrevBtn(find : Boolean, onClickAction: GotoSomeWhere) {
+        onPrevClickAction = onClickAction
+        findViewById<AppCompatButton>(R.id.btn_left)?.let{
+            it.text = "이전 페이지"
+            it.setOnClickListener {
+                actionPrevEvent()
+            }
+            it.visibility= if(find) VISIBLE else GONE
+        }
+    }
+
+
+    fun actionPrevEvent() {
+        if (pg != null && pg!!.visibility == View.VISIBLE && pg!!.size() > 0 && pg!!.current() > 0 ) {
+            pg!!.doPrev()
+            updateLastInfo(pg!!)
+        } else {
+            onPrevClickAction?.let{ it() }
+        }
+    }
+
+    override fun onBackPressed() {
+        var layer = findViewById<PagedTextLayout>(R.id.paged_layer)
+
+        if (!didBackPress) {
+            firstBackPress()
+            return
+        }
+
+        if (layer != null && layer.visibility == View.VISIBLE) {
+            didBackPress = false
+            layer.visibility = GONE
+            onTouch(TouchArea.Center)
+            return
+        }
+
+        if (mBaseWebContentsViewer.webview.canGoBack()) {
+            mBaseWebContentsViewer.webview.goBack()
+            return
+        }
+
+        if (!didBackPress) {
+            firstBackPress()
+            return
+        }
+
+        didBackPress = false
+
+        super.onBackPressed()
+    }
+
+
+    override fun showAlert(alert: String) {
+        Log.i(TAG,"showAlert >> " + alert)
+    }
+
+    override fun onLoadedContents(contents: String) {
+        pg = null;
+        findViewById<PagedTextLayout>(R.id.paged_layer).apply {
+            if (contents != null) {
+                pg = this
+                visibility = VISIBLE
+                mPagedTextViewInterface = this@Intro
+                setText(contents.replace("\\n", System.getProperty("line.separator")))
+                setTextSize(22f)
+                if(lastInfo != null && lastInfo!!.pageUrl.equals(mBaseWebContentsViewer.webview.url)) {
+                    this@Intro.findViewById<ProgressBar>(R.id.progress)?.visibility = VISIBLE
+                    pg?.postDelayed({
+                        next(lastInfo!!.pageIndex)
+                        pg?.post {
+                            this@Intro.findViewById<ProgressBar>(R.id.progress)?.visibility = GONE
+                        }
+                    },1000)
+                }
+                forceUpdateUI()
+            }
+        }
+
+        Log.i(TAG,"onLoadedContents >> " + contents)
+    }
+
+    var currentTitle : String = ""
+    var currentChapter : Int = 0
+
+    override fun onFindTitle(contents: String) {
+        findViewById<TextView>(R.id.textView).text = contents
+        var testRegex = """[^0-9]""".toRegex();
+        Blog.LOGI(TAG,"onFindTitle >> " + contents + "   :::  ${testRegex.replace(contents,"")}")
+        if(contents.contains("-")) {
+            currentTitle = contents.split("-")[0]
+            currentChapter = testRegex.replace(contents.split("-")[1],"").toInt()
+        }
+
+
+    }
+
+    override fun onStartLoad() {
+        findViewById<ProgressBar>(R.id.progress).visibility = VISIBLE
+    }
+
+    override fun completePageLoad(lastInfo: LastInfo) {
+        if(this.lastInfo == null || !(this.lastInfo?.pageUrl.equals(lastInfo?.pageUrl))) {
+            saveLastInfo(lastInfo)
+        }
+        findViewById<ProgressBar>(R.id.progress).visibility = GONE
+    }
+
+    fun saveLastInfo(lastInfo: LastInfo) {
+        val windowManager = getSystemService(WINDOW_SERVICE)
+        val configuration: Configuration = getResources().getConfiguration()
+        val config = RealmConfiguration.Builder(setOf(LastInfo::class))
+            .schemaVersion(1)
+            .build()
+        val realm = Realm.open(config)
+        realm.writeBlocking {
+            lastInfo.displayOrientation = configuration.orientation
+            copyToRealm(lastInfo)
+        }
+        Blog.LOGD(log ="Successfully opened realm: ${realm.configuration.name}")
+        realm.close()
+    }
+
+    fun updateLastInfo(pagedTextLayout: PagedTextLayout) {
+        val windowManager = getSystemService(WINDOW_SERVICE)
+        val configuration: Configuration = getResources().getConfiguration()
+        val config = RealmConfiguration.Builder(setOf(LastInfo::class))
+            .schemaVersion(1)
+            .build()
+        val realm = Realm.open(config)
+
+        realm.writeBlocking {
+            var info = this.query<LastInfo>()?.find()?.last()
+            info?.pageIndex = pagedTextLayout.current()
+            info?.displayOrientation = configuration.orientation
+        }
+
+        Blog.LOGD(log ="Successfully opened realm: ${realm.configuration.name}")
+        realm.close()
+    }
+    override fun onKeyClick(keyCode: Int): Boolean {
+        when(keyCode) {
+            KeyEvent.KEYCODE_VOLUME_DOWN ->{actionNextEvent()}
+            KeyEvent.KEYCODE_VOLUME_UP ->{actionPrevEvent()}
+            KeyEvent.KEYCODE_VOLUME_MUTE -> {actionNextEvent()}
+
+        }
+        return super.onKeyClick(keyCode)
+    }
+
+    override fun onTouch(touchArea: TouchArea) {
+        Blog.LOGD(log="onTouch")
+        when (touchArea) {
+            TouchArea.Center-> {
+                findViewById<View>(R.id.btn_right).visibility = VISIBLE
+                findViewById<View>(R.id.btn_left).visibility = VISIBLE
+                findViewById<View>(R.id.btn_setting).visibility = VISIBLE
+
+                findViewById<View>(R.id.textView).visibility = VISIBLE
+                findViewById<View>(R.id.btn_home).visibility = VISIBLE
+                findViewById<View>(R.id.btn_list).visibility = VISIBLE
+                findViewById<View>(R.id.btn_menu).visibility = VISIBLE
+                findViewById<View>(R.id.btn_rotate).visibility = VISIBLE
+
+            }
+            TouchArea.Right -> {
+                actionNextEvent()
+            }
+            TouchArea.Left-> {
+                actionPrevEvent()
+            }
+            else -> {
+
+            }
+        }
+
+
+    }
+
+    override fun onSwipeLeft() {
+        Blog.LOGD(log="onSwipeLeft")
+        actionNextEvent()
+
+    }
+
+    override fun onSwipeRight() {
+        Blog.LOGD(log="onSwipeRight")
+        actionPrevEvent()
+    }
+
+
+    override fun onTimeoverTouch() {
+        Blog.LOGD(log="onTimeoverTouch")
+        findViewById<View>(R.id.btn_right).visibility = GONE
+        findViewById<View>(R.id.btn_left).visibility = GONE
+        findViewById<View>(R.id.btn_setting).visibility = GONE
+
+        findViewById<View>(R.id.textView).visibility = GONE
+        findViewById<View>(R.id.btn_home).visibility = GONE
+        findViewById<View>(R.id.btn_list).visibility = GONE
+        findViewById<View>(R.id.btn_menu).visibility = GONE
+        findViewById<View>(R.id.btn_rotate).visibility = GONE
+
+    }
+
+    companion object {
+        private const val TAG = "DualScreenStatus"
+    }
+}
@@ -0,0 +1,8 @@
+package com.mime.dualscreenview.activity
+
+import android.app.Activity
+import androidx.appcompat.app.AppCompatActivity
+
+class Main : Base() {
+
+}
@@ -0,0 +1,50 @@
+package com.mime.dualscreenview.common
+
+import android.util.Log
+import com.mime.dualscreenview.BuildConfig
+import java.lang.Exception
+
+
+object Blog {
+    val DEFAULT_TAG = "MyEBook_TAG"
+    enum class BLogType {
+        D,I,E
+    }
+
+    fun LOGD(tag : String = DEFAULT_TAG, log: String){
+        LOG(BLogType.D,tag,log)
+    }
+
+    fun LOGI(tag : String = DEFAULT_TAG, log: String){
+        LOG(BLogType.I,tag,log)
+    }
+
+    fun LOGE(tag : String = DEFAULT_TAG, log: Throwable){
+        LOG(BLogType.E,tag,log.toString())
+    }
+
+    fun LOGE(tag : String = DEFAULT_TAG, log: Exception){
+        LOG(BLogType.E,tag,log.toString())
+    }
+
+    fun LOGE(tag : String = DEFAULT_TAG, log: String){
+        LOG(BLogType.E,tag,log)
+    }
+
+    private fun LOG(type : BLogType, tag : String, log : String) {
+        if (BuildConfig.DEBUG || BuildConfig.BUILD_TYPE.contains("debug")) {
+            when(type) {
+                BLogType.D -> {
+                    Log.d(tag,log)
+                }
+                BLogType.I -> {
+                    Log.i(tag,log)
+                }
+                BLogType.E -> {
+                    Log.e(tag,log)
+                }
+                else -> {}
+            }
+        }
+    }
+}
@@ -0,0 +1,15 @@
+package com.mime.dualscreenview.dto
+
+
+class BookPageInfos {
+var list : ArrayList<BookPageInfo>? = null
+    fun getTitleArray() : ArrayList<String> {
+        var arrayList = ArrayList<String>()
+        list?.forEach { arrayList.add(it.title ?: "") }
+        return arrayList
+    }
+}
+class BookPageInfo {
+    var title : String? = ""
+    var lastPath : String? = ""
+}
@@ -0,0 +1,24 @@
+package com.mime.dualscreenview.dto
+
+import android.content.pm.ActivityInfo
+import io.realm.kotlin.types.RealmObject
+import io.realm.kotlin.types.annotations.PrimaryKey
+import org.mongodb.kbson.ObjectId
+
+
+class LastInfo() : RealmObject {
+    var _id : String = "UniqLastId"
+    var pageUrl : String = ""
+    var title : String = ""
+    var contentsData : String = ""
+    var pageIndex : Int = 0
+    var contentsName : String = ""
+    var displayOrientation : Int =  ActivityInfo.SCREEN_ORIENTATION_PORTRAIT
+}
+
+class Bookmark() : RealmObject {
+    @PrimaryKey
+    var pageUrl : String = ""
+}
+
+
@@ -0,0 +1,71 @@
+package com.mime.dualscreenview.view
+
+import android.content.Context
+import android.view.GestureDetector
+import android.view.MotionEvent
+import android.view.View
+
+
+enum class TouchArea {
+    Left,Center,Right
+}
+
+abstract class OnSwipeTouchListener(val context: Context?) : View.OnTouchListener {
+    companion object {
+        private const val SWIPE_DISTANCE_THRESHOLD = 100
+        private const val SWIPE_VELOCITY_THRESHOLD = 100
+    }
+    private val gestureDetector: GestureDetector
+    abstract fun onSwipeLeft()
+    abstract fun onSwipeRight()
+    abstract fun onSingleTap(area : TouchArea)
+
+    override fun onTouch(v: View?, event: MotionEvent?): Boolean {
+        if (event == null) {
+            return false
+        }
+        return gestureDetector.onTouchEvent(event!!)
+    }
+
+
+    private inner class GestureListener : GestureDetector.SimpleOnGestureListener() {
+
+        override fun onDown(e: MotionEvent): Boolean {
+            return true
+        }
+
+        override fun onSingleTapUp(e: MotionEvent): Boolean {
+            val width: Int = context?.resources?.displayMetrics?.widthPixels ?: 0
+            val height: Int = context?.resources?.displayMetrics?.heightPixels ?: 0
+            var touchArea : TouchArea = TouchArea.Center
+            if(width > 0 && height > 0) {
+                val centerAreaSize = width * 0.4
+                var sideAreaSize = (width - centerAreaSize) * 0.5
+                if(e.x < sideAreaSize) {
+                    touchArea = TouchArea.Left
+                } else if(e.x > sideAreaSize && e.x < width - sideAreaSize) {
+
+                } else {
+                    touchArea = TouchArea.Right
+                }
+            }
+            onSingleTap(touchArea)
+            return super.onSingleTapUp(e)
+        }
+
+        override fun onFling(e1: MotionEvent, e2: MotionEvent, velocityX: Float, velocityY: Float): Boolean {
+            val distanceX = e2.x - e1.x
+            val distanceY = e2.y - e1.y
+            if (Math.abs(distanceX) > Math.abs(distanceY)
+                && Math.abs(distanceX) > SWIPE_DISTANCE_THRESHOLD
+                && Math.abs(velocityX) > SWIPE_VELOCITY_THRESHOLD) {
+                if (distanceX > 0) onSwipeRight() else onSwipeLeft()
+                return true
+            }
+            return false
+        }
+    }
+    init {
+        gestureDetector = GestureDetector(context, GestureListener())
+    }
+}
@@ -0,0 +1,174 @@
+package com.mime.dualscreenview.view
+
+import android.content.Context
+import android.graphics.Color
+import android.os.Handler
+import android.util.AttributeSet
+import android.widget.TextView
+import androidx.constraintlayout.widget.ConstraintLayout
+import androidx.constraintlayout.widget.Guideline
+import androidx.core.view.doOnLayout
+import androidx.core.view.updateLayoutParams
+import com.mime.dualscreenview.R
+import com.mime.dualscreenview.common.Blog
+
+class PagedTextLayout : ConstraintLayout , PagedTextGenerateInterface {
+    constructor(context: Context) : super(context) {initView(context)}
+    constructor(context: Context, attrs: AttributeSet?) : super(context, attrs) {initView(context)}
+    constructor(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : super(
+        context,
+        attrs,
+        defStyleAttr
+    ) {initView(context)}
+
+    constructor(
+        context: Context,
+        attrs: AttributeSet?,
+        defStyleAttr: Int,
+        defStyleRes: Int
+    ) : super(context, attrs, defStyleAttr, defStyleRes) {initView(context)}
+    var mainTextView : TextView? = null
+    var sencondTextView : TextView? = null
+    var hiddenTextView : PagedTextView? = null
+    var guideLine : Guideline? = null
+    var pageList: ArrayList<CharSequence>? = null
+    var text : String = ""
+        set(new) {
+            field = new
+            hiddenTextView?.text = text
+            hiddenTextView?.forceLayout()
+        }
+
+    private val hanler = Handler()
+    var mPagedTextViewInterface : PagedTextViewInterface? = null
+    val touchTimeover = Runnable {
+        mPagedTextViewInterface?.onTimeoverTouch()
+    }
+
+    fun initView(context: Context) {
+        inflate(context, R.layout.layout_textviewer, this)
+        mainTextView = findViewById(R.id.first_view)
+        sencondTextView = findViewById(R.id.sencond_view)
+        hiddenTextView = findViewById(R.id.hidden_view)
+        guideLine = findViewById(R.id.center_guide)
+        hiddenTextView?.mPagedTextGenerateInterface = this
+        hanler.removeCallbacks(touchTimeover)
+        setOnTouchListener(object : OnSwipeTouchListener(context) {
+            override fun onSwipeLeft() {
+                mPagedTextViewInterface?.onSwipeLeft()
+            }
+
+            override fun onSwipeRight() {
+                mPagedTextViewInterface?.onSwipeRight()
+            }
+
+            override fun onSingleTap(touchArea: TouchArea) {
+                var isCenterTouch = TouchArea.Center.equals(touchArea)
+                hanler.removeCallbacks(touchTimeover)
+                mPagedTextViewInterface?.onTouch(touchArea)
+                hanler?.postDelayed(touchTimeover, 3000L)
+            }
+        })
+    }
+
+    fun layoutChange(needDualPage: Boolean) {
+        Blog.LOGD(log = "layoutChange>> ${this::class.java.name}")
+        if (needDualPage) {
+            findViewById<Guideline>(R.id.center_guide).updateLayoutParams<ConstraintLayout.LayoutParams> {
+                guidePercent = 0.5f
+            }
+        } else {
+            findViewById<Guideline>(R.id.center_guide).updateLayoutParams<ConstraintLayout.LayoutParams> {
+                guidePercent = 1f
+            }
+        }
+    }
+
+    override fun onLayout(changed: Boolean, left: Int, top: Int, right: Int, bottom: Int) {
+        super.onLayout(changed, left, top, right, bottom)
+        Blog.LOGD(log = "onLayout>> ${this::class.java.name}  changed >> ${changed}")
+        if(!changed) {
+            hiddenTextView?.text = text
+            forceUpdateUI()
+        }
+    }
+    override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
+        super.onSizeChanged(w, h, oldw, oldh)
+        Blog.LOGD(log = "onSizeChanged>> ${this::class.java.name}")
+        if (w != oldw || oldh != h) {
+            postDelayed(Runnable {
+                layoutChange(w > (h * 0.7f))
+
+            },20)
+        }else {
+
+        }
+    }
+
+
+    var currentPage = 0
+    override fun completePagination(pageList: ArrayList<CharSequence>) {
+        Blog.LOGD(log = "completePagination>> ${this::class.java.name} >> pageList ${pageList}")
+        if(text.length > 0 && pageList!= null && pageList.size == 0) {
+
+        } else {
+            this.pageList = pageList
+            setPageBy(0)
+        }
+    }
+
+    fun setColorStyle(colors : Array<String>) {
+        setBackgroundColor(Color.parseColor(colors.get(1)))
+        mainTextView?.setBackgroundColor(Color.parseColor(colors.get(1)))
+        sencondTextView?.setBackgroundColor(Color.parseColor(colors.get(1)))
+        mainTextView?.setTextColor(Color.parseColor(colors.get(0)))
+        sencondTextView?.setTextColor(Color.parseColor(colors.get(0)))
+    }
+
+//    fun setPagedTextViewInterface(pagedTextViewInterface: PagedTextViewInterface) = hiddenTextView?.setPagedTextViewInterface(pagedTextViewInterface)
+    fun setText(replace: String) = hiddenTextView?.setText(replace)
+    fun setTextSize(fl: Float) {
+        hiddenTextView?.setTextSize(fl)
+        mainTextView?.setTextSize(fl)
+        sencondTextView?.setTextSize(fl)
+    }
+
+    fun next(page : Int) {
+
+    }
+
+    fun isDualPage() : Boolean {
+        return (guideLine?.layoutParams as ConstraintLayout.LayoutParams).guidePercent != 1f
+    }
+
+    fun setPageBy(num : Int) {
+        currentPage = num
+        var realPage = if(isDualPage()) currentPage * 2 else currentPage
+        mainTextView?.text = pageList?.get(realPage) ?: "NONE"
+        if(isDualPage()) {
+            realPage = realPage.inc()
+            sencondTextView?.text = if(pageList?.size ?: 0 > realPage) { pageList?.get(realPage)} else { "끝"}
+        } else {
+            sencondTextView?.text = ""
+        }
+    }
+
+    fun size(): Int = if(isDualPage()) Math.round((hiddenTextView?.size() ?:0)  * 0.5f) else hiddenTextView?.size() ?: 0
+    fun current(): Int = currentPage
+    fun doNext() {
+        setPageBy(currentPage.inc())
+    }
+
+    fun doPrev() {
+        setPageBy(currentPage.dec())
+    }
+
+    fun forceUpdateUI() {
+        mPagedTextViewInterface?.onTouch(TouchArea.Center)
+        hiddenTextView?.doUpdate()
+        hanler?.postDelayed(touchTimeover, 3000L)
+    }
+
+
+}
+
@@ -0,0 +1,242 @@
+package com.mime.dualscreenview.view
+
+import android.annotation.TargetApi
+import android.content.Context
+import android.graphics.Typeface
+import android.os.Build
+import android.text.Layout
+import android.text.StaticLayout
+import android.util.AttributeSet
+import androidx.appcompat.widget.AppCompatTextView
+import com.mime.dualscreenview.common.Blog
+import kotlin.math.min
+
+
+interface PagedTextViewInterface {
+    fun onTouch(touchArea: TouchArea)
+    fun onTimeoverTouch()
+    fun onSwipeLeft()
+    fun onSwipeRight()
+}
+
+interface PagedTextGenerateInterface {
+    fun completePagination(pageList: ArrayList<CharSequence>)
+}
+
+
+class PagedTextView : AppCompatTextView {
+
+    private var needPaginate = false
+    private var isPaginating = false
+    private val pageList = arrayListOf<CharSequence>()
+    private var pageIndex: Int = 0
+    private var pageHeight: Int = 0
+    private var originalText: CharSequence = ""
+
+    var mPagedTextGenerateInterface : PagedTextGenerateInterface? = null
+
+
+    constructor(context: Context?) : super(context!!){initView(context)}
+
+    constructor(context: Context?, attrs: AttributeSet?) : super(context!!, attrs){initView(context)}
+
+    constructor(context: Context?, attrs: AttributeSet?, defStyleAttr: Int) : super(context!!, attrs, defStyleAttr){initView(context)}
+
+    fun initView(context: Context?){
+
+    }
+
+
+
+
+
+    fun size(): Int = pageList.size
+    fun current() : Int = pageIndex
+
+    fun doPrev() {
+        if (pageIndex > 0 )
+            pageIndex = pageIndex - 1
+        setPageText()
+    }
+
+    fun doNext() {
+        if (pageIndex < pageList.size)
+            pageIndex = pageIndex + 1
+        setPageText()
+    }
+
+    fun next(index: Int) {
+        pageIndex = index
+        setPageText()
+    }
+
+    private fun setPageText() {
+        isPaginating = true
+        text = pageList[pageIndex]
+        isPaginating = false
+    }
+
+    override fun setText(text: CharSequence?, type: BufferType?) {
+        if (!isPaginating) {
+            originalText = text ?: ""
+        }
+        super.setText(text, type)
+    }
+
+    override fun setTextSize(unit: Int, size: Float) {
+        super.setTextSize(unit, size)
+        needPaginate = true
+    }
+
+    override fun setPadding(left: Int, top: Int, right: Int, bottom: Int) {
+        super.setPadding(left, top, right, bottom)
+        needPaginate = true
+    }
+
+    override fun setPaddingRelative(start: Int, top: Int, end: Int, bottom: Int) {
+        super.setPaddingRelative(start, top, end, bottom)
+        needPaginate = true
+    }
+
+    override fun setTextScaleX(size: Float) {
+        if (size != textScaleX) {
+            needPaginate = true
+        }
+        super.setTextScaleX(size)
+    }
+
+    override fun setTypeface(tf: Typeface?) {
+        if (typeface != null && tf != typeface) {
+            needPaginate = true
+        }
+        super.setTypeface(tf)
+    }
+
+    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
+    override fun setLetterSpacing(letterSpacing: Float) {
+        if (letterSpacing != this.letterSpacing) {
+            needPaginate = true
+        }
+        super.setLetterSpacing(letterSpacing)
+    }
+
+    override fun setHorizontallyScrolling(whether: Boolean) {
+        super.setHorizontallyScrolling(false)
+    }
+
+    override fun setLineSpacing(add: Float, mult: Float) {
+        if (add != lineSpacingExtra || mult != lineSpacingMultiplier) {
+            needPaginate = true
+        }
+        super.setLineSpacing(add, mult)
+    }
+
+    override fun setMaxLines(maxLines: Int) {
+        if (maxLines != this.maxLines) {
+            needPaginate = true
+        }
+
+        super.setMaxLines(maxLines)
+    }
+
+    override fun setLines(lines: Int) {
+        super.setLines(lines)
+
+        if (lines != this.lineCount) {
+            needPaginate = true
+        }
+    }
+
+    override fun onSizeChanged(w: Int, h: Int, oldw: Int, oldh: Int) {
+        super.onSizeChanged(w, h, oldw, oldh)
+        Blog.LOGD(log = "onSizeChanged>> ${this::class.java.name}")
+        pageHeight = h
+    }
+
+    override fun onLayout(changed: Boolean, left: Int, top: Int, right: Int, bottom: Int) {
+        super.onLayout(changed, left, top, right, bottom)
+        Blog.LOGD(log = "onLayout>> ${this::class.java.name}  changed >> ${changed}")
+        if (changed || needPaginate) {
+            paginate()
+            setPageText()
+            needPaginate = false
+        }
+
+    }
+    fun doUpdate() {
+        if (needPaginate && layout != null) {
+            paginate()
+            setPageText()
+            needPaginate = false
+        }
+    }
+    private fun paginate() {
+        pageList.clear()
+        Blog.LOGD(log = "paginate>> ${this::class.java.name}")
+        val layout = from(layout)
+        val lines = min(maxLines, layout.lineCount)
+        var startOffset = 0
+        val heightWithoutPaddings = pageHeight - paddingTop - paddingBottom
+        var height = heightWithoutPaddings
+
+        for (i in 0 until lines) {
+            if (height < layout.getLineBottom(i)) {
+                pageList.add(
+                    layout.text.subSequence(startOffset, layout.getLineStart(i))
+                )
+                startOffset = layout.getLineStart(i)
+                height = layout.getLineTop(i) + heightWithoutPaddings
+            }
+
+            if (i == lines - 1) {
+                pageList.add(
+                    layout.text.subSequence(startOffset, layout.getLineEnd(i))
+                )
+            }
+        }
+        mPagedTextGenerateInterface?.completePagination(pageList)
+    }
+
+    private fun from(layout: Layout): Layout =
+        if (Build.VERSION.SDK_INT < Build.VERSION_CODES.M) {
+            @Suppress("DEPRECATION")
+            (StaticLayout(
+                originalText,
+                paint,
+                layout.width,
+                layout.alignment,
+                lineSpacingMultiplier,
+                lineSpacingExtra,
+                includeFontPadding
+            ))
+        } else {
+            StaticLayout.Builder
+                .obtain(originalText, 0, originalText.length, paint, layout.width)
+                .setAlignment(layout.alignment)
+                .setLineSpacing(lineSpacingExtra, lineSpacingMultiplier)
+                .setIncludePad(includeFontPadding)
+                .setUseLineSpacingFromFallbacks()
+                .setBreakStrategy(breakStrategy)
+                .setHyphenationFrequency(hyphenationFrequency)
+                .setJustificationMode()
+                .setMaxLines(maxLines)
+                .build()
+        }
+
+    private fun StaticLayout.Builder.setUseLineSpacingFromFallbacks(): StaticLayout.Builder {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
+            this.setUseLineSpacingFromFallbacks(isFallbackLineSpacing)
+        }
+
+        return this
+    }
+
+    private fun StaticLayout.Builder.setJustificationMode(): StaticLayout.Builder {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+            this.setJustificationMode(justificationMode)
+        }
+
+        return this
+    }
+
+}
@@ -0,0 +1,81 @@
+package com.mime.dualscreenview.webcontents
+
+import android.util.Log
+import android.webkit.*
+import com.mime.dualscreenview.webcontents.contentsinfo.ActionByBool
+import com.mime.dualscreenview.webcontents.contentsinfo.ContentsInfoInterface
+import com.mime.dualscreenview.webcontents.contentsinfo.DidFindContents
+
+
+abstract class BaseWebContents : ContentsInfoInterface {
+    var lastNumber : Int = 221
+    var completeAction : ActionByBool? = null
+    val definedActionCount = 5
+    var completeActionCount = 0
+        set(value) {
+            field = value
+            if(field == definedActionCount && completeAction != null) {
+                completeAction?.invoke(true)
+            }
+        }
+
+    fun findListItem(webview: WebView, callBakItems : DidFindContents) {
+        webview.evaluateJavascript(getContentsList()) { result ->
+            callBakItems.invoke(result)
+        }
+    }
+
+    fun doOnloaded(webview: WebView, findContents : DidFindContents, findTitle : DidFindContents, findNextButton : DidFindContents,
+                   findPrevButton : DidFindContents, completeAction : ActionByBool) {
+        completeActionCount = 0
+        this.completeAction = completeAction
+        webview.evaluateJavascript(getTitleJs()) { result : String? ->
+            result?.let { resultString ->
+                findTitle.invoke(resultString)
+            }
+            completeActionCount = completeActionCount + 1
+        }
+        webview.evaluateJavascript(getFindContentsJs()) { result : String? ->
+            result?.let { resultString ->
+                checkCorrectContents(resultString)?.let { contents ->
+                    if(resultString != null && !"null".equals(resultString) && !resultString.isNullOrEmpty()) {
+                        findContents.invoke(contents)
+                    } else {
+                        findContents.invoke(null)
+                    }
+                }
+            } ?: findContents.invoke(null)
+            completeActionCount = completeActionCount + 1
+        }
+        webview.evaluateJavascript("document.getElementById('${getNextButtonJs()}')") { result : String? ->
+            result?.let { resultString ->
+                Log.e("BaseWebContents", "getNextButtonJs() >> ${resultString}")
+                if(resultString != null && !"null".equals(resultString)) {
+                    findNextButton.invoke(resultString)
+                } else {
+                    findNextButton.invoke(null)
+                }
+            }
+            completeActionCount = completeActionCount + 1
+        }
+
+
+        webview.evaluateJavascript("document.getElementById('${getPrevButtonJs()}')") { result : String? ->
+            result?.let { resultString ->
+                Log.e("BaseWebContents", "getPrevButtonJs() >> ${resultString}")
+                if(resultString != null && !"null".equals(resultString)) {
+                    findPrevButton.invoke(resultString)
+                }else {
+                    findPrevButton.invoke(null)
+                }
+            }
+            completeActionCount = completeActionCount + 1
+        }
+
+        webview.evaluateJavascript(onLoadedJs()) {
+            Log.e("BaseWebContents", "onLoadedJs() >> ${it}")
+            completeActionCount = completeActionCount + 1
+        }
+    }
+
+}
@@ -0,0 +1,169 @@
+package com.mime.dualscreenview.webcontents
+
+import android.app.AlertDialog
+import android.graphics.Bitmap
+import android.net.http.SslError
+import android.util.Log
+import android.webkit.*
+import android.widget.Toast
+import com.mime.dualscreenview.dto.LastInfo
+import com.mime.dualscreenview.webcontents.contentsinfo.DidFindContents
+
+
+open class BaseWebContentsViewer {
+
+    var currentContentsProvider : BaseWebContents? = null
+    lateinit var webview : WebView
+    lateinit var mainControllInterface : MainControllInterface
+
+    constructor(webview : WebView, mainControllInterface : MainControllInterface ) {
+        this.webview = webview
+        this.mainControllInterface = mainControllInterface
+        webview.webChromeClient = rootWebChromeClient
+        webview.webViewClient = rootWebViewClient
+        webview.settings.textZoom = 100
+        webview.settings.javaScriptEnabled = true
+        webview.settings.javaScriptCanOpenWindowsAutomatically = false
+        webview.settings.loadWithOverviewMode = true
+        webview.settings.setPluginState(WebSettings.PluginState.ON)
+        webview.settings.domStorageEnabled = true
+        webview.clearCache(true);
+        webview.clearHistory();
+        webview.clearSslPreferences();
+        WebView.setWebContentsDebuggingEnabled(true)
+    }
+
+    fun loadContents(webContents: BaseWebContents) {
+        currentContentsProvider = webContents
+        currentContentsProvider?.let {
+            webview.loadUrl(it.getLastedDoamin())
+        }
+
+    }
+
+    val rootWebChromeClient = object : WebChromeClient() {
+        override fun onProgressChanged(view: WebView?, newProgress: Int) {
+            super.onProgressChanged(view, newProgress)
+        }
+    }
+
+    fun findListItem(callBakItems : DidFindContents) {
+        currentContentsProvider?.findListItem(webview,callBakItems)
+    }
+
+    fun loadLastInfo(lastInfo: LastInfo) {
+        lastInfo?.let {
+            currentContentsProvider = WebContentsManger.getBaseWebContentsBy(it.contentsName)
+            webview.loadUrl(it.pageUrl)
+        }
+    }
+
+    val rootWebViewClient = object : WebViewClient() {
+
+        override fun shouldInterceptRequest(
+            view: WebView?,
+            request: WebResourceRequest?
+        ): WebResourceResponse? {
+            Log.e("shouldInterceptRequest", " >>>> ${request?.url?.toString()} ,  ${request?.url?.toString()?.contains("gif")}")
+
+            if(request?.url?.toString()?.contains("gif") ?: false) {
+                return WebResourceResponse("text/javascript", "UTF-8", null);
+            }
+            if(request?.url?.toString()?.contains(currentContentsProvider?.acccceptResourceKeyword() ?: "") == false && request?.url?.toString()?.contains(currentContentsProvider?.getLastedDoamin() ?: "") == false) {
+                return WebResourceResponse("text/javascript", "UTF-8", null);
+            }
+            return super.shouldInterceptRequest(view, request)
+        }
+
+        override fun onPageStarted(view: WebView?, url: String?, favicon: Bitmap?) {
+            super.onPageStarted(view, url, favicon)
+            mainControllInterface?.onStartLoad()
+        }
+        var alertDialogs : ArrayList<AlertDialog> = arrayListOf()
+//        override fun onReceivedError(
+//            view: WebView?,
+//            request: WebResourceRequest?,
+//            error: WebResourceError?
+//        ) {
+//            super.onReceivedError(view, request, error)
+//            if (error != null && error.errorCode < 0) {
+//
+//                webview.postDelayed({
+//                    val builder = AlertDialog.Builder(webview.context)
+//
+//
+//                    builder.setTitle("로딩 에러").setMessage("${currentContentsProvider?.getWebcontentsName()} ${currentContentsProvider?.lastNumber?.inc()} 여기로 다시 시도?!!")
+//                    builder.setPositiveButton(
+//                        "오키 ${currentContentsProvider?.lastNumber?.inc()} 레고!"
+//                    ) { dialog, id ->
+//                        dialog.dismiss()
+//                        currentContentsProvider?.lastNumber = currentContentsProvider?.lastNumber!!.inc()
+//                        loadContents(currentContentsProvider!!)
+//                    }
+//
+//                    builder.setNegativeButton(
+//                        "포기하자"
+//                    ) { dialog, id ->
+//                        dialog.dismiss()
+//                    }
+//                    builder.setNeutralButton(
+//                        "같은 주소로 다시 도전"
+//                    ) { dialog, id ->
+//                        loadContents(currentContentsProvider!!)
+//                        dialog.dismiss()
+//                    }
+//                    alertDialogs.add(builder.create())
+//
+//                    alertDialogs.last()?.show()
+//
+//                },500)
+//            }
+//
+//        }
+//
+//        override fun onReceivedSslError(
+//            view: WebView?,
+//            handler: SslErrorHandler?,
+//            error: SslError?
+//        ) {
+////            super.onReceivedSslError(view, handler, error)
+//            handler?.proceed()
+//        }
+//        override fun onReceivedHttpError(
+//            view: WebView?,
+//            request: WebResourceRequest?,
+//            errorResponse: WebResourceResponse?
+//        ) {
+//            super.onReceivedHttpError(view, request, errorResponse)
+//        }
+
+        override fun onPageFinished(view: WebView?, url: String?) {
+            super.onPageFinished(view, url)
+            view?.let {
+                currentContentsProvider?.doOnloaded(it , { result ->
+                    result?.let { mainControllInterface.onLoadedContents(it) }
+                } , {
+                    it?.let { mainControllInterface.onFindTitle(it) }
+                }, {btn ->
+                    mainControllInterface?.showNextBtn (btn != null){
+                        webview?.evaluateJavascript("if(document.getElementById('${currentContentsProvider!!.getNextButtonJs()}') != null) document.getElementById('${currentContentsProvider!!.getNextButtonJs()}').click()") {
+                        }
+                    }
+                },{btn ->
+                    mainControllInterface?.showPrevBtn(btn != null) {
+                        webview?.evaluateJavascript("if(document.getElementById('${currentContentsProvider!!.getPrevButtonJs()}') != null) document.getElementById('${currentContentsProvider!!.getPrevButtonJs()}').click()") {
+                        }
+                    }
+                }, { complete ->
+                    if(complete) {
+                        mainControllInterface?.completePageLoad(LastInfo().apply {
+                            this.pageUrl = url ?: currentContentsProvider?.getLastedDoamin() ?: ""
+                            this.contentsName = currentContentsProvider?.getWebcontentsName() ?: ""
+                            this.pageIndex = 0
+                        })
+                    }
+                })
+            }
+        }
+    }
+}
@@ -0,0 +1,5 @@
+//package com.mime.dualscreenview.webcontents
+//
+//typealias ActionByBool = (Boolean) -> Unit
+//typealias DidFindContents = (String?) -> Unit
+//typealias GotoSomeWhere = () -> Unit
@@ -0,0 +1,19 @@
+package com.mime.dualscreenview.webcontents
+
+import com.mime.dualscreenview.dto.LastInfo
+import com.mime.dualscreenview.webcontents.contentsinfo.GotoSomeWhere
+
+interface MainControllInterface {
+    fun onStartLoad()
+    fun completePageLoad(apply: LastInfo)
+
+    fun showNextBtn(finnd : Boolean, onClickAction: GotoSomeWhere)
+    fun showPrevBtn(finnd : Boolean,onClickAction: GotoSomeWhere)
+
+    fun showAlert(alert :String)
+
+    fun onLoadedContents(contents :String)
+    fun onFindTitle(contents :String)
+
+
+}
@@ -0,0 +1,18 @@
+package com.mime.dualscreenview.webcontents
+
+import com.mime.dualscreenview.webcontents.contentsinfo.Booktoki
+
+object WebContentsManger  {
+    val allContentsList : ArrayList<BaseWebContents> = arrayListOf(Booktoki())
+
+    fun getBaseWebContentsBy(name : String) : BaseWebContents {
+        var correctContents : BaseWebContents = Booktoki()
+        for (contents in allContentsList) {
+            if(name.equals(contents.getWebcontentsName())) {
+                correctContents = contents
+                break
+            }
+        }
+        return correctContents
+    }
+}
@@ -0,0 +1,68 @@
+package com.mime.dualscreenview.webcontents.contentsinfo
+
+import com.mime.dualscreenview.webcontents.BaseWebContents
+
+class Booktoki : BaseWebContents() {
+
+
+
+    override fun getWebcontentsName(): String {
+        return "Booktoki"
+    }
+
+    override fun getLastedDoamin(): String {
+        return String.format("https://booktoki%d.com/", lastNumber)
+    }
+
+    override fun getContentsList(): String {
+        return  "" +
+                "function getList()  {\n" +
+                "\t\t\t var children = document.getElementsByName('wr_id')[0].children;\n" +
+                "                var maxCount =  children.length\n" +
+                "                const contentsArray = []\n" +
+                "                for (i= 0; i < maxCount; i++) {\n" +
+                "                contentsArray.push({'title' : children[i].text ,\n" +
+                "                'link' : children[i].value})\n" +
+                "                }\n" +
+                "                contentsArray.reverse() \n" +
+                "return  {'list' :contentsArray}\n" +
+                "}\n" +
+                "getList()\n"
+    }
+
+    override fun acccceptResourceKeyword(): String {
+        return "toki"
+    }
+
+    override fun getNextButtonJs(): String {
+        return "goNextBtn"
+    }
+
+    override fun getPrevButtonJs(): String {
+        return "goPrevBtn"
+    }
+
+    override fun getTitleJs(): String {
+        return "document.getElementsByClassName(\"toon-title\").length > 0 ? document.getElementsByClassName(\"toon-title\")[0].title : null"
+    }
+
+    override fun getFindContentsJs(): String {
+        return "document.getElementById(\"novel_content\") != null ? document.getElementById(\"novel_content\").innerText : null"
+    }
+
+    override fun checkCorrectContents(contents: String): String {
+        return if (contents != null && !contents.isNullOrEmpty()) {
+            contents
+        } else {
+            "fail load"
+        }
+    }
+
+    override fun onLoadedJs(): String {
+        return "if(document.getElementsByClassName(\"hd_pops\") != null && document.getElementsByClassName(\"hd_pops\").length > 0) document.getElementsByClassName(\"hd_pops\")[0].remove();" +
+                "if(document.getElementsByClassName(\"hd_pops\") != null && document.getElementsByClassName(\"hd_pops\").length > 0) document.getElementsByClassName(\"hd_pops\")[0].remove();" +
+                "if(document.getElementById(\"main-banner-view\") != null) document.getElementById(\"main-banner-view\").remove();" +
+                "if(document.getElementsByClassName(\"board-tail-banner\") != null && document.getElementsByClassName(\"board-tail-banner\").length > 0)document.getElementsByClassName(\"board-tail-banner\")[0].remove();" +
+                "if(document.getElementById(\"id_mbv\") != null)document.getElementById(\"id_mbv\").remove();"
+    }
+}
@@ -0,0 +1,20 @@
+package com.mime.dualscreenview.webcontents.contentsinfo
+
+
+
+typealias ActionByBool = (Boolean) -> Unit
+typealias DidFindContents = (String?) -> Unit
+typealias GotoSomeWhere = () -> Unit
+
+interface ContentsInfoInterface {
+    fun getWebcontentsName() : String
+    fun getNextButtonJs() : String
+    fun getPrevButtonJs() : String
+    fun getTitleJs() : String
+    fun getFindContentsJs() : String
+    fun checkCorrectContents(contents: String) : String
+    fun getLastedDoamin() : String
+    fun onLoadedJs() : String
+    fun acccceptResourceKeyword() : String
+    fun getContentsList() : String
+}
@@ -0,0 +1,30 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:endX="85.84757"
+                android:endY="92.4963"
+                android:startX="42.9492"
+                android:startY="49.59793"
+                android:type="linear">
+                <item
+                    android:color="#44000000"
+                    android:offset="0.0" />
+                <item
+                    android:color="#00000000"
+                    android:offset="1.0" />
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:fillColor="#FFFFFF"
+        android:fillType="nonZero"
+        android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
+        android:strokeWidth="1"
+        android:strokeColor="#00000000" />
+</vector>
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:id="@android:id/background">
+        <shape
+            android:innerRadiusRatio="2.71"
+            android:thicknessRatio="7.6"
+            android:shape="ring"
+            android:useLevel="false"
+            android:type="sweep">
+            <solid android:color="#9E9E9E" />
+        </shape>
+    </item>
+
+    <item android:id="@android:id/progress">
+        <rotate
+            android:fromDegrees="270"
+            android:toDegrees="270">
+            <shape
+                android:innerRadiusRatio="2.71"
+                android:thicknessRatio="7.6"
+                android:shape="ring"
+                android:angle="0"
+                android:type="sweep">
+            </shape>
+        </rotate>
+    </item>
+</layer-list>
@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path
+        android:fillColor="#3DDC84"
+        android:pathData="M0,0h108v108h-108z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M9,0L9,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,0L19,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,0L29,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,0L39,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,0L49,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,0L59,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,0L69,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,0L79,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M89,0L89,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M99,0L99,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,9L108,9"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,19L108,19"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,29L108,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,39L108,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,49L108,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,59L108,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,69L108,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,79L108,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,89L108,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,99L108,99"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,29L89,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,39L89,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,49L89,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,59L89,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,69L89,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,79L89,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,19L29,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,19L39,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,19L49,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,19L59,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,19L69,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,19L79,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+</vector>
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:id="@+id/intro_bg"
+    android:layout_height="match_parent"
+    tools:context=".activity.Intro">
+
+
+    <WebView
+        android:id="@+id/menu_web"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/btn_left"
+        app:layout_constraintTop_toBottomOf="@id/textView" />
+
+
+    <com.mime.dualscreenview.view.PagedTextLayout
+        android:id="@+id/paged_layer"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:orientation="vertical"
+        android:visibility="invisible"
+        android:background="@color/black"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintBottom_toTopOf="@id/btn_setting"
+        app:layout_constraintTop_toBottomOf="@id/textView" />
+
+    <ImageButton
+        android:id="@+id/btn_home"
+        android:layout_width="wrap_content"
+        android:layout_height="@dimen/main_top_height"
+        android:adjustViewBounds="true"
+        android:scaleType="centerInside"
+        android:background="#8FFF"
+        android:src="@drawable/home"
+        app:layout_constraintRight_toLeftOf="@id/textView"
+        app:layout_constraintHorizontal_chainStyle="spread_inside"
+        app:layout_constraintStart_toStartOf="parent"
+        tools:ignore="MissingConstraints" />
+
+
+    <TextView
+        android:id="@+id/textView"
+        android:layout_width="0dp"
+        android:layout_height="@dimen/main_top_height"
+        android:text="@string/app_name"
+        android:background="#8FFF"
+        android:gravity="center"
+        android:textSize="24sp"
+        app:layout_constraintRight_toLeftOf="@id/btn_list"
+        app:layout_constraintLeft_toRightOf="@id/btn_home"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <ImageButton
+        android:id="@+id/btn_list"
+        android:layout_width="wrap_content"
+        android:layout_height="@dimen/main_top_height"
+        android:adjustViewBounds="true"
+        android:scaleType="centerInside"
+        android:background="#8FFF"
+        android:src="@drawable/invoice"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintLeft_toRightOf="@id/textView"
+        app:layout_constraintRight_toLeftOf="@+id/btn_rotate"
+        app:layout_constraintHorizontal_chainStyle="spread_inside"
+         />
+
+    <ImageButton
+        android:id="@+id/btn_rotate"
+        android:layout_width="wrap_content"
+        android:layout_height="@dimen/main_top_height"
+        android:adjustViewBounds="true"
+        android:scaleType="centerInside"
+        android:src="@drawable/rotation"
+        android:background="#8FFF"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintLeft_toRightOf="@id/btn_list"
+        app:layout_constraintRight_toLeftOf="@+id/btn_menu"
+        app:layout_constraintHorizontal_chainStyle="spread_inside"
+        />
+
+    <ImageButton
+        android:id="@+id/btn_menu"
+        android:layout_width="wrap_content"
+        android:layout_height="@dimen/main_top_height"
+        android:adjustViewBounds="true"
+        android:scaleType="centerInside"
+        android:background="#8FFF"
+        android:src="@drawable/bookmark"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintHorizontal_chainStyle="spread_inside"
+        />
+
+    <androidx.appcompat.widget.AppCompatButton
+        android:id="@+id/btn_left"
+        android:layout_width="wrap_content"
+        android:layout_height="@dimen/main_top_height"
+        android:tag="1"
+        android:text="@string/display_the_second_screen"
+        android:visibility="visible"
+        android:background="#8FFF"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintHorizontal_chainStyle="spread"
+        />
+
+    <ImageButton
+        android:id="@+id/btn_setting"
+        android:layout_width="0dp"
+        android:layout_height="@dimen/main_top_height"
+        android:background="#8FFF"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toRightOf="@+id/btn_left"
+        app:layout_constraintRight_toLeftOf="@+id/btn_right"
+        app:layout_constraintHorizontal_chainStyle="spread"
+         />
+
+    <androidx.appcompat.widget.AppCompatButton
+        android:id="@+id/btn_right"
+        android:layout_width="wrap_content"
+        android:layout_height="@dimen/main_top_height"
+        android:layout_marginStart="16dp"
+        android:tag="0"
+        android:text="@string/display_the_second_screen"
+        android:background="#8FFF"
+        android:visibility="visible"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintHorizontal_chainStyle="spread" />
+
+    <ProgressBar
+        android:id="@+id/progress"
+        android:layout_width="0dp"
+        android:layout_height="0dp"
+        android:layout_gravity="center"
+        android:layout_marginTop="48dp"
+        android:indeterminate="false"
+        android:max="100"
+        android:progressBackgroundTint="#FBE7C6"
+        android:progressDrawable="@drawable/circle_progressbar"
+        android:progressTint="#edbf41"
+        android:visibility="gone"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+
+</androidx.constraintlayout.widget.ConstraintLayout>
+<!--//style="@style/Widget.AppCompat.ProgressBar.Horizontal"-->
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:paddingTop="@dimen/main_top_height"
+    android:paddingBottom="@dimen/main_top_height"
+    android:layout_margin="0dp"
+    xmlns:app="http://schemas.android.com/apk/res-auto">
+
+    <androidx.constraintlayout.widget.Guideline
+        android:id="@+id/center_guide"
+        android:orientation="vertical"
+        app:layout_constraintGuide_percent="0.5"
+        android:layout_width="0dp"
+        android:layout_height="0dp"/>
+
+    <com.mime.dualscreenview.view.PagedTextView
+        android:padding="@dimen/textview_padding"
+        android:id="@+id/hidden_view"
+        android:visibility="invisible"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toLeftOf="@id/sencond_view"
+        android:layout_width="0dp"
+        android:layout_height="match_parent"/>
+
+    <TextView
+        android:id="@+id/first_view"
+        android:padding="@dimen/textview_padding"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintRight_toLeftOf="@id/sencond_view"
+        android:layout_width="0dp"
+        android:layout_height="match_parent"/>
+
+    <TextView
+        android:padding="@dimen/textview_padding"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:visibility="visible"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintLeft_toLeftOf="@id/center_guide"
+        android:id="@+id/sencond_view"
+        android:layout_width="0dp"
+        android:layout_height="match_parent"/>
+</androidx.constraintlayout.widget.ConstraintLayout>
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".activity.Main">
+
+    <TextView
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:text="@string/main_desc"
+        android:textSize="24sp"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+</androidx.constraintlayout.widget.ConstraintLayout>
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
@@ -0,0 +1,85 @@
+setTimeout(function(){ function invokeSaveAsDialog(file, fileName) {
+
+if (!file) {
+
+throw 'Blob object is required.';
+
+}
+
+if (!file.type) {
+
+try {
+
+file.type = 'video/webm';
+
+} catch (e) {}
+
+}
+
+var fileExtension = (file.type || 'video/webm').split('/')[1];
+
+if (fileName && fileName.indexOf('.') !== -1) {
+
+var splitted = fileName.split('.');
+
+fileName = splitted[0];
+
+fileExtension = splitted[1];
+
+}
+
+var fileFullName = (fileName || (Math.round(Math.random() * 9999999999) + 888888888)) + '.' + fileExtension;
+
+if (typeof navigator.msSaveOrOpenBlob !== 'undefined') {
+
+return navigator.msSaveOrOpenBlob(file, fileFullName);
+
+} else if (typeof navigator.msSaveBlob !== 'undefined') {
+
+return navigator.msSaveBlob(file, fileFullName);
+
+}
+
+var hyperlink = document.createElement('a');
+
+hyperlink.href = URL.createObjectURL(file);
+
+hyperlink.download = fileFullName;
+
+hyperlink.style = 'display:none;opacity:0;color:transparent;';
+
+(document.body || document.documentElement).appendChild(hyperlink);
+
+if (typeof hyperlink.click === 'function') {
+
+hyperlink.click();
+
+} else {
+
+hyperlink.target = '_blank';
+
+hyperlink.dispatchEvent(new MouseEvent('click', {
+
+view: window,
+
+bubbles: true,
+
+cancelable: true
+
+}));
+
+}
+
+(window.URL || window.webkitURL).revokeObjectURL(hyperlink.href);
+
+}
+
+var textFile = new Blob([document.getElementById("novel_content").innerText], {
+
+type: 'text/plain'
+
+});
+
+invokeSaveAsDialog(textFile, document.getElementsByClassName('toon-title')[0].title +'.txt')
+
+document.getElementById('goNextBtn').click() }, 2000)
@@ -0,0 +1,18 @@
+<resources xmlns:tools="http://schemas.android.com/tools">
+    <!-- Base application theme. -->
+    <style name="Theme.DualScreenView" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
+        <!-- Primary brand color. -->
+        <item name="colorPrimary">@color/purple_200</item>
+        <item name="colorPrimaryVariant">@color/purple_700</item>
+        <item name="colorOnPrimary">@color/black</item>
+        <!-- Secondary brand color. -->
+        <item name="colorSecondary">@color/teal_200</item>
+        <item name="colorSecondaryVariant">@color/teal_200</item>
+        <item name="colorOnSecondary">@color/black</item>
+        <!-- Status bar color. -->
+        <item name="android:statusBarColor">?attr/colorPrimaryVariant</item>
+        <!-- Customize your theme here. -->
+        <item name="windowNoTitle">true</item>
+        <item name="windowActionBar">false</item>
+    </style>
+</resources>
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="purple_200">#FFBB86FC</color>
+    <color name="purple_500">#FF6200EE</color>
+    <color name="purple_700">#FF3700B3</color>
+    <color name="teal_200">#FF03DAC5</color>
+    <color name="teal_700">#FF018786</color>
+    <color name="black">#FF000000</color>
+    <color name="white">#FFFFFFFF</color>
+</resources>
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <dimen name="main_top_height">35dp</dimen>
+    <dimen name="textview_padding">15dp</dimen>
+</resources>
@@ -0,0 +1,5 @@
+<resources>
+    <string name="app_name">DualScreenView</string>
+    <string name="display_the_second_screen">화면 옮 기 기</string>
+    <string name="main_desc">it\'s 두번째화면</string>
+</resources>
@@ -0,0 +1,18 @@
+<resources xmlns:tools="http://schemas.android.com/tools">
+    <!-- Base application theme. -->
+    <style name="Theme.DualScreenView" parent="Theme.MaterialComponents.NoActionBar">
+        <!-- Primary brand color. -->
+        <item name="colorPrimary">@color/purple_500</item>
+        <item name="colorPrimaryVariant">@color/purple_700</item>
+        <item name="colorOnPrimary">@color/white</item>
+        <!-- Secondary brand color. -->
+        <item name="colorSecondary">@color/teal_200</item>
+        <item name="colorSecondaryVariant">@color/teal_700</item>
+        <item name="colorOnSecondary">@color/black</item>
+        <!-- Status bar color. -->
+        <item name="android:statusBarColor">?attr/colorPrimaryVariant</item>
+        <!-- Customize your theme here. -->
+        <item name="windowNoTitle">true</item>
+        <item name="windowActionBar">false</item>
+    </style>
+</resources>
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+   Sample backup rules file; uncomment and customize as necessary.
+   See https://developer.android.com/guide/topics/data/autobackup
+   for details.
+   Note: This file is ignored for devices older that API 31
+   See https://developer.android.com/about/versions/12/backup-restore
+-->
+<full-backup-content>
+    <!--
+   <include domain="sharedpref" path="."/>
+   <exclude domain="sharedpref" path="device.xml"/>
+-->
+</full-backup-content>
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+   Sample data extraction rules file; uncomment and customize as necessary.
+   See https://developer.android.com/about/versions/12/backup-restore#xml-changes
+   for details.
+-->
+<data-extraction-rules>
+    <cloud-backup>
+        <!-- TODO: Use <include> and <exclude> to control what is backed up.
+        <include .../>
+        <exclude .../>
+        -->
+    </cloud-backup>
+    <!--
+    <device-transfer>
+        <include .../>
+        <exclude .../>
+    </device-transfer>
+    -->
+</data-extraction-rules>
@@ -0,0 +1,17 @@
+package com.mime.dualscreenview
+
+import org.junit.Test
+
+import org.junit.Assert.*
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}